Vue中native修饰符

我们想将原生事件绑定在组件上,就要加上native修饰符。
比如:a标签可以直接绑定原生事件,但是如果你通过自定义封装了button标签,起成了名字myself-abutton,这时候绑定click事件就需要加上native了,下面写一个简单的例子方便理解:

注:只包含关键代码:

 <myself-button @click="add('不含native')"/></myself-button><br/>
 <myself-button @click.native="add('含有native')"/></myself-button>

我们发现第二个才会有打印,第二个不会。若没有native修饰符,我们会认为是自定义事件。必须通过子组件中的emit方式触发。对于第一个要想触发,在子组件中须含有:

this.$emit('click');

猜你喜欢

转载自blog.csdn.net/qq_42931285/article/details/127081845