vue @click不生效,vue组件点击事件无效

　　本文主要介绍了vue自定义组件@click的点击失效问题及解决方法，具有很好的参考价值。希望对你有帮助。如有错误或不足之处，请不吝赐教。

自定义组件@click点击失效

　　自定义组件无法在原始vue文件中绑定本机click事件。

　　根据对vue官方文档的查询，得知点击事件作用于组件内部。如果click事件没有写入组件，将不会有响应。

　　1.参考官方文档，可以用@ @click.native="click "解决

　　2.可以用：将事件传入组件也符合组件间的单向数据流。我就是这么解决的。

　　主要成分书写：

　　被调用组件的编写方法：将click绑定到自定义组件内部要点击的地方。

　　3.使用$emit实现事件交付

　　母组件编写不受影响，可以直接按照原编写，适合强迫症和处女座用户。

　　单击以报告错误：

　　_vm.gotoExpense不是函数

　　错误：_vm.gotoExpense不是函数

　　at http://127 . 0 . 0 . 1:24333/appservice/common/vendor . js:1186:23

　　位于Array.forEach()

　　at http://127 . 0 . 0 . 1:24333/appservice/common/vendor . js:1171:23

　　位于Array.forEach()

　　at je . handle event[as _ _ e](http://127 . 0 . 0 . 1:24333/appservice/common/vendor . js:1161:17)

　　at object . r . safe callback(http://127 . 0 . 0 . 1:24333/appservice/dev/waservice . js:2:1827260)

　　电话：http://127 . 0 . 0 . 1:24333/appservice/dev/waservice . js:2:1966938

　　at s(http://127 . 0 . 0 . 1:24333/appservice/dev/waservice . js:2:1980424)

　　电话：http://127 . 0 . 0 . 1:24333/appservice/dev/waservice . js:2:1966863

　　at r(http://127 . 0 . 0 . 1:24333/appservice/dev/waservice . js:2:1904675)

　　自己检查**方法：{}**是否写了两个！

　　以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。