ellipsis-vue3

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>