vue
文章平均质量分 85
sgabon
这个作者很懒,什么都没留下…
展开
-
vue阻止冒泡事件(特殊情况)
问题父级的div绑定了click事件,如果子级需要一个特殊的组件,例如:<el-popover>,本身是不需要点击事件的但是可以点击触发。这时候组件本身的点击事件就与父级div的点击事件有冲突,如图:这个方框是一个<el-card>,给他绑定了点击事件,右上角的图片是用<el-popover>包起来的,是通过点击触发的,但是点击右上角的图片同时会触发card的点击事件,这个图片也没办法直接用@click.stop阻止冒泡。解决方式可以选择用一个<div&g原创 2020-06-09 11:10:41 · 1965 阅读 · 1 评论 -
vue+elemen 实现el-tooltip在文本超出区域后浮现
Vue+element 实现tooltip在文本超出区域后才会浮现前言具体需求解决方案方案一方案二具体方法1.先在页面上定义一个tooltip标签2.在文字区域的父标签上添加鼠标移入移除方法3.引入需要的方法4.在methods添加鼠标移入移出方法效果展示前言最近在做一个vue+element的项目,遇到的一些难搞的需求。关于<el-tooltip>的使用想必也不用我多说了,官方文档是相当的详细,基本使用自己去饿了么官网看。具体需求由于我的内容是循环生成的,字体的多少,并不是一个定值,原创 2020-05-29 17:20:43 · 8811 阅读 · 6 评论