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


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

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

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,269评论 4 61
  • 《裕语言》速成开发手册3.0 官方用户交流:iApp开发交流(1) 239547050iApp开发交流(2) 10...
    叶染柒丶阅读 28,071评论 5 19
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,879评论 1 45
  • 下午3点多在外面练功 天长了 3点多的阳光足够暖 打电话把儿子叫下来打篮球 喜欢大人孩子一起在户外运动的情景
    了了妈2017阅读 190评论 0 3
  • 这是一款实用ws2812驱动芯片的全彩RGB灯,因为ws2812是通过单线通讯的,所以,我们只需要一个单片机的一个...
    wayen_gogogo阅读 535评论 0 1