第一句子网 - 唯美句子、句子迷、好句子大全
第一句子网 > vue中的@click.native.prevent 点击事件加上native.prevent究竟有什么用呢?

vue中的@click.native.prevent 点击事件加上native.prevent究竟有什么用呢?

时间:2020-12-12 03:38:57

相关推荐

vue中的@click.native.prevent 点击事件加上native.prevent究竟有什么用呢?

在项目发版的总结过程中,突然看到@click.native.prevent,很好奇它的用法,一开始还以为是element-ui里面自带了,看了之后也没有啊,上网搜集了资料,打算记录下来。

代码如下:

<el-dropdown-menu slot="dropdown"><el-dropdown-item@click.native.prevent="handleAgencyRelationship(row)">代理关系处理</el-dropdown-item></el-dropdown-menu>

elment-ui

我们项目的业务场景的点击事件,是不需要用到按钮的,所以我们需要用到的是原生的vue点击事件。而加native.prevent的精髓就在此

给vue绑定组件的时候,需要加一个native,不加的话会被认为是要监听item里面的自定义事件,(显然我们这里不需要)加prevent,是用来阻止默认事件的,相当于Jquery里面的event.preventDefault()方法阻止元素发生默认的行为。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。