关于vue的.native修饰符

问题起源:在使用自定义的文件上传组件时,由于项目需要,要在点击时获取到item的id,但是由于是自定义的组件,因此在操作过程中发现@click绑定的方法并不执行。在度娘的帮助下,总算是找到了解决办法,即:加上.native修饰符

<file-upload label="添加" @click.native="setId(item.id)" @fileUploaded="fileUpload"></file-upload>

这样就可以正确的获取到id


在我们使用自定义组件时,v-on只会监听自定义事件(即组件通过$emit触发的事件),而根元素的原生事件,是不会监听的。如果想要监听原生事件,就要使用“.native”修饰符,如:

<my-component v-on:click.native="doSomething"></my-component>

 

相关推荐
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页