ellipsis-vue3
v1.0.2
Published
vue3版 溢出隐藏指令
Downloads
4
Readme
ellipsis-vue3
一个 vue3 版本的自定义指令,用于溢出隐藏时鼠标悬浮显示所有内容
支持 ts 和 js
安装
npm install ellipsis-vue3
使用
import ellipsis from 'ellipsis-vue3'
createApp(App).use(ellipsis)
<!-- 使用 v-ellipsis 指令 -->
<span v-ellipsis style="width: 100%;">默认单行文本溢出隐藏并以...显示</span>
<!-- 超过指定行数隐藏 -->
<span v-ellipsis="2" style="width: 100%;">如果给定参数,则是多行文本溢出隐藏并以...显示</span>