位置: IT常识 - 正文
Vue如何给组件添加点击事件 @click.native(vue组件怎么使用)
发布时间：2024-01-23这篇文章主要介绍了Vue如何给组件添加点击事件 @click.native，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教 目录
本文链接地址:https://www.jiuchutong.com/zhishi/304568.html
转载请保留说明！
推荐整理分享Vue如何给组件添加点击事件 @click.native(vue组件怎么使用)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:vue组件怎么引入使用,vue怎么写组件,vue添加组件,vue添加组件,vue组件怎么使用,vue组件用法,vue添加组件,vue添加组件,内容如对您有帮助，希望把文章链接给更多的朋友！
给组件添加点击事件 @click.native问题结论vue中@click.native使用@click.native是给组件绑定原生事件给组件添加点击事件 @click.native问题毕设项目中有个产品展示列表，当初用组件写的，今天想要点击获取当前选中的产品的数据，刚开始直接使用@click写的，但是点击并没有生效。
我尝试在组件中添加点击事件，点击图片，控制台输出1。
结果是可以实现的。
结论给vue组件绑定事件时候，必须加上native ，否则会认为监听的是来自Item组件自定义的事件。
那么，两者同时存在的话结果如何呢？
点击图片，先执行item中的函数，再执行组件的点击事件。
vue中@click.native使用在组件中时常看到@click.native。在项目中遇到后，简单介绍下：
@click.native是给组件绑定原生事件我的标签 ‘ListCell’ 是子组件引到当前父组件
因为当父组件中引入子组件的时候，当要触发子组件点击事件的时候@click 不生效。
有两种解决方式
1.@click.native
2.在子组件中添加this.$emit ( “事件名” ，value )方法 将子组件的值传到父组件。
以上为个人经验，希望能给大家一个参考，也希望大家多多支持本站。
下一篇：vue项目使用websocket连接问题及解决(vue项目使用less)
