vue-directive-ellipsis 超过内容显示省略号并出现tooltip,不超过时则都没有
vue-directive-ellipsis 超过内容显示省略号并出现tooltip,不超过时则都没有
在开发过程中经常会遇到以下需求:
超过父元素以后,内部文字显示省略号并且鼠标移上去出现弹窗,在父元素宽度内则不需要省略号且移上去不需要弹窗。
针对这个问题,本人写了基于vue的vue-directive-ellipsis插件,可以使用指令一句话解决这类问题
github地址:https://github.com/bmsherry/v-ellipsis
用法:
1.首先安装
npm i vue-direct
原创
2020-07-10 15:25:28 ·
2262 阅读 ·
0 评论