这篇文章主要介绍了vue封装自定义指令之动态显示title操作(溢出显示,不溢出不显示)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue项目开发的过程中，如果需要文字溢出的dom元素鼠标悬浮时才显示title文字的话，可以封装一个自定义的指令。
方法一、
组件内代码如下：
directives: { title: { inserted(el) { const { clientWidth, scrollWidth, title } = el; if (!title && scrollWidth > clientWidth) el.title = el.innerText; } } },
使用：
修
本文来源gao!%daima.com搞$代*!码9网(
修的铁拳修修的铁拳修修的铁拳修修的铁拳修修的铁拳
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：vue封装自定义指令之动态显示title操作(溢出显示,不溢出不显示)
