Vue中关于自定义组件定义@click事件不生效的解决办法

时间:2025-01-19 10:19:56

.native修饰符 -- 侦听组件根元素上的原生事件

当你给一个vue组件或者是自定义组件绑定事件的时候,要加上native,如果是普通的html元素,就不需要

比如:如果使用router-link标签,加上@click事件,绑定的事件会无效,因为router-link的作用是单纯的路由跳转,会阻止click事件,如果不加 .native, 事件是不会触发的,因此需要加上 .native 才会触发事件

还有另外一种解决方式

就是在子组件中添加this.$emit ( “事件名” ,value )方法 将子组件的值传到父组件再进行处理

如果这篇文章解决了你的问题不妨给博主点个赞~