vue自定义组件@click点击失效问题，附解决方案

问题描述：自定义组件在使无法，无法绑定原vue文件内的原生click事件原因分析：根据查询vue官方文档，得知click事件作用于组件内部，如果组件内没有写click事件，便会无响应。问题解决：1.参照官方文档，可以用@click.native=“click”解决2.可以用：将事件传递至组件内，也符合组件间的单向数据流，我就是这样解决的主组件写法：被调...

煜淞

13340人浏览 · 2019-12-03 17:04:30

煜淞 · 2019-12-03 17:04:30 发布

问题描述：

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

原因分析：

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

问题解决：

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

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

主组件写法：

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

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

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

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^