解决vue给组件绑定click单击事件不生效,分析click中的事件

it2025-05-17  17

在vue的使用中会出现给组件绑定click事件不执行的情况。

给vue组件绑定事件的时候必须加上.native(监听根元素的原生事件,使用 .native 修饰符)

这个操作等同于子组件内部处理click事件然后向外发送click事件:$emit("click".fn)

 

在vue中使用click.stop可以阻止单击事件冒泡

使用click.prevent可以使得提交事件不再重载页面

<!-- 阻止单击事件冒泡 --> <a v-on:click.stop="doThis"></a> <!-- 提交事件不再重载页面 --> <form v-on:submit.prevent="onSubmit"></form>

 

最新回复(0)