好资源导航 » 文章资讯 » Vue的自定义组件不能使用click方法的解决

Vue的自定义组件不能使用click方法的解决

2023-07-19 17:47:03 510

先贴代码

varmyButton=Vue.extend({//设置标签
props:['names','item2'],//names为按钮名,item2为数据
template:''
})
Vue.component('my-button',myButton);//注册组件

这是上篇博客的自定义按钮权限的代码,然后调用代码:

当你在这个标签上加@click事件的时候报错,原因是因为没有加上native,官网对于native的解释为:

.native-监听组件根元素的原生事件。

正确的代码为:

这样就能成功在自定义标签上绑定事件了

补充知识：Vue中利用component切换组件

我就废话不多说了，大家还是直接看代码吧~







Document




组件1
组件2

以上这篇Vue的自定义组件不能使用click方法的解决就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。