分类：动态显示title

2020
11-13

vue封装自定义指令之动态显示title操作(溢出显示,不溢出不显示)

vue项目开发的过程中，如果需要文字溢出的dom元素鼠标悬浮时才显示title文字的话，可以封装一个自定义的指令。方法一、组件内代码如下：directives:{title:{inserted(el){const{clientWidth,scrollWidth,title}=el;if(!title&&scrollWidth>clientWidth)el.title=el.innerText;}}},使用：<articlev-title>修修的铁拳修修的铁拳修修的铁拳修修的铁拳修修的铁拳</article>方法二、或者鼠标进... 继续阅读 >