项目场景:

在自定义组件上绑定@click事件无法触发


问题描述:

在自定义组件上绑定@click事件无法触发

<template>
	<div>自定义组件<div>
</template>
<MyComponent @click="myMethods"></MyComponent>

原因分析:

凡是组件中绑定的事件,都应该是这个组件本身就存在的事件。
因此在自定义组件上绑定的click会被vue认为是组件内部的事件。
事实上组件内部并没有对click做处理,自然就不会有反应。


解决方案:

使用.native修饰符,让click事件触发为原生事件,而非组件内部定义的事件

<MyComponent @click.native="myMethods"></MyComponent>
Logo

前往低代码交流专区

更多推荐