当前位置： 移动技术网 > IT编程>脚本编程>vue.js > vue中的@click.native.prevent，点击事件加上native.prevent究竟有什么用呢？

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

2020年07月24日  | 移动技术网IT编程  | 我要评论

在项目发版的总结过程中，突然看到@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的精髓就在此

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

本文地址：https://blog.csdn.net/kikikiuu/article/details/107514216

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网