Vue Line Clamp 3

JSON →
library 1.0.1 ·javascript
verified May 27, 2026

vue-line-clamp-3 is a Vue 3 directive designed for truncating multi-line text with an ellipsis, offering a simple, fast, and lightweight solution. It's a direct port of the original vue-line-clamp for Vue 2, ensuring similar functionality and API. The current stable version is 1.0.1, indicating an active but possibly infrequent release cadence since its initial port. A key differentiator is its 'cross-browser' strategy, utilizing `-webkit-line-clamp` for modern browsers and providing a robust JavaScript fallback that calculates `max-height` based on a specified `line-height` for older browsers. This ensures broad compatibility, though the fallback method does not display an ellipsis. The directive allows customization of `text-overflow` and even the entire fallback function through plugin options, making it adaptable to various UI requirements.

total hits 12
actors 5 distinct systems
last hit 1d ago Bingbot
GPTBot
5
Script
1
Search engines
2

top countries 🇺🇸 United States · 🇨🇦 Canada · 🇩🇪 Germany · 🇫🇷 France