第一种:
禁用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后隐藏
文章介绍了两种优化方法:一是通过禁用`el-tooptip`并监听鼠标进入事件来控制弹出提示的显示,只有当`.ellpsis-text`宽度大于元素本身时才隐藏;二是利用`aria-describedby`和延迟隐藏技术来管理弹出框的显示效果。
1567





