关于elemment-ui中tooltips组件在点击事件触发也提示文字的修改(业务需求)


鼠标悬浮tooltips触发,删除图标可以点击进行删除操作,当提示弹框messagebox小时候tooltips再次进行了触发,又一次出现了‘删除’字样提示文字,因而非常苦恼,tooltips源码也看不懂,进而做出如下方法解决

1.在messageBox关闭的时候禁用tooltips,以fl变量控制

2. 在tooltips的后面加入替换的图标,当message关闭或开启的时候控制tooltips的样式和替换图标的样式,即可解决(恢复原本样式看mouseoverBox事件)

注: 此处指是做了样式的转换,要从原本意义上改变还需阅读tootips源码中popper.js的代码,欢迎指正

你可能感兴趣的:(关于elemment-ui中tooltips组件在点击事件触发也提示文字的修改(业务需求))