• 自定义组件@click点击失效
  

问题描述

自定义组件在使无法，无法绑定原vue文件内的原生click事件

原因分析

根据查询vue官方文档，得知click事件作用于组件内部，如果组件内没有写click事件，便会无响应。

问题解决

1.参照官方文档，可以用@click.native=“click”解决

2.可以用：将事件传递至组件内，也符合组件间的单向数据流，我就是这样解决的

主组件写法：

被调用组件写法：将click绑定在自定义组件内部想要click的地方

3.使用$emit来实现事件传递

父组件写法不受影响，可以直接按照原来的写法，适合强迫症、处女座用户

@click不起作用,同时报错

点击报错：

_vm.gotoExpense is not a functionError: _vm.gotoExpense is not a functionat http://127.0.0.1:24333/appservice/common/vendor.js:1186:23at Array.forEach ()at http://127.0.0.1:24333/appservice/common/vendor.js:1171:23at Array.forEach ()at Je.handleEvent [as __e] (http://127.0.0.1:24333/appservice/common/vendor.js:1161:17)at Object.r.safeCallback (http://127.0.0.1:24333/appservice/dev/WAService.js:2:1827260)at http://127.0.0.1:24333/appservice/dev/WAService.js:2:1966938at s (http://127.0.0.1:24333/appservice/dev/WAService.js:2:1980424)at http://127.0.0.1:24333/appservice/dev/WAService.js:2:1966863at r (http://127.0.0.1:24333/appservice/dev/WAService.js:2:1904675)

检查自己**methods:{}**是不是写了两个!!!

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

猜你喜欢

• JS编写单元测试怎样做，过程是什么

  测试代码是确保代码稳定的第一步。能做到这一点的最佳方法之一就是使用单元测试。这篇文章主要介绍了如何用JavaScript编写你的第一个单元测试，感兴趣的可以了解一下

• Vue框架中怎么实现右键菜单的效果

  今天给大家分享的是，如何在最短的时候内实现右键菜单。高效实现需求，避免重复造轮子。感兴趣的可以了解一下

• Angular用monaco-editor的具体操作是什么

  angular中怎么使用monaco-editor？下面本篇文章记录下最近的一次业务中用到的 monaco-editor 在 angular 中的使用，希望对大家有所帮助！

• 详解JavaScript轮播图实现原理

  想要制作一个轮播图我们要先弄清楚他的原理，如何能让图片自右向左滑动？轮播图是网页开发中经常见到的效果，购物网站，视频网站，社区论坛等等网站都会应用到，那么轮播图是如何制作的呢？首先，我们需要搞懂轮播图的实现原理，下面是让图片自右向左滑动的原理以及代码实现，感兴趣的朋友继续往下看吧。

• window的name属性有什么用？使用要注意哪些？

  本文给大家分享的是window下自带name的属性的内容，一些朋友可能对于window的name属性的作用和使用等等，不是很了解，对此这本文就简单的介绍一下，接下来我们一起了解看看吧。