前言
最近使用element的tag组件来做移动组件效果,其中涉及到给tag组件绑定mousedown
的事件,但怎么绑定都不起作用,通过和其他标签绑定该事件比较发现:问题就出在tag组件上。
解决方法
绑定事件时添加.native
修饰符绑定原生事件即可。
<el-tag
v-for="tag in collapse.tags"
:key="tag"
v-show="tag"
style="z-index: 55;"
@mousedown.native="moveTag"
>
{{tag}}
</el-tag>
moveTag(){
console.log('a')
},
打印图: