文章介绍了两种优化方法：一是通过禁用`el-tooptip`并监听鼠标进入事件来控制弹出提示的显示，只有当`.ellpsis-text`宽度大于元素本身时才隐藏；二是利用`aria-describedby`和延迟隐藏技术来管理弹出框的显示效果。
第一种:
禁用el-tooptip disabled="true"
directives: {
showtip: {
inserted: function(el, bindings,vnode){
el.addEventListener('mouseenter', () =>{
/console.log('vnode',vnode);
//需要 flex:1 布局，才可获取真实宽度
if (el.querySelector('.ellpsis-text').offsetWidth >el.offsetwidth) { vnode.context.setTooltip(false);
} else {
//setTooltip methods的方法
vnode.context.setTooltip(true);
});
}}
第二种:
获取aria-describedby 然后隐藏掉弹出框，延迟30ms后隐藏
6023
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
