Vue组件如何通过@click.native实现原生点击事件绑定？

本文共计494个文字，预计阅读时间需要2分钟。

目录- 给组件添加点击事件- @click.native- 问题- 结论- Vue中@click.native使用- @click.native是给组件绑定原生事件- 给组件添加点击事件- @click.native- 问题- 毕设项目中有一个产品展示列表- 当初始组件编写时

目录

• 给组件添加点击事件 @click.native
• 问题
• 结论
• vue中@click.native使用
• @click.native是给组件绑定原生事件

给组件添加点击事件 @click.native

问题

毕设项目中有个产品展示列表，当初用组件写的，今天想要点击获取当前选中的产品的数据，刚开始直接使用@click写的，但是点击并没有生效。

我尝试在组件中添加点击事件，点击图片，控制台输出1。

结果是可以实现的。

结论

给vue组件绑定事件时候，必须加上native ，否则会认为监听的是来自Item组件自定义的事件。

那么，两者同时存在的话结果如何呢？

点击图片，先执行item中的函数，再执行组件的点击事件。

vue中@click.native使用

在组件中时常看到@click.native。