有时候用到iview的各种组件的时候,要添加事件,但是单纯的直接在标签上添加事件很可能会失效。
如果是单纯的点击事件的话,可以在组件上直接加 @click.native="方法名('参数')"
但是如果是要添加鼠标事件的话,可能就比较难了,试了挺多种方法,比如插槽啊,加.native都不太行,最后还是选择用render函数的方法。
给tabPane绑定标签render,:label="tend2",然后下面是render函数,tendTypeHover是具体的事件名,可以改成自己所需的。’变更公告‘是我用的标签名,也可以改成自己所需要的。如果觉得还不错的话就点个赞吧!
tend2: h => {
return h('div', [
h(
'span',
{
on: {
mouseenter: () => {
this.tendTypeHover('tend2');
},
},
},
'变更公告'
),
]);
},