@click.prevent.native作用

@click是vue的语法糖，效果是给某个元素快速绑定click事件，但是只能给原生的那些元素绑定，不能给组件绑定。

如果要给组件绑定click事件，那么就需要用到@click.native，这样才能给组件绑定上click事件。

prevent是阻止冒泡，在给组件绑定了click事件之后，点击该组件，不仅会触发click事件，也会触发这个组件自带的事件（如点击checkbox组件，不仅会触发click，还会把这个checkbox勾选，如果加上了prevent，则就不会触发组件自带事件，即不会勾选了）

@click.prevent.native作用相关推荐

Vue之@click、事件修饰符@click.stop与@click.prevent、按键修饰符@keyup.enter
1.绑定监听@click: (以监听click为例,其他如keyup,用法类似) v-on:click="fun" @click="fun" @cli ...
@click.stop和@click.prevent区别
click.stop stop:指的是阻止父组件(节点)的事件冒泡... <div id="app"><div class="box" @cl ...
Vue的@click、@click.prevent、@click.stop
1.@click,绑定监听(单击事件) v-on:click="function" @click="function" ...
在jQuery中，a标签trigger触发click不起作用的原因和解决方法
最近在项目中发现,用jq的trigger无法触发a标签的click事件.我的代码如下: $('a').trigger('click') 查阅资料发现: jquery trigger把(type === ...
vux loadmore + axios 实现点击加载更多
在微信项目中有应用过几个上拉加载更多的组件,但总会出现一些兼容性方面的bug,需要各种补漏(注:组件都是基于iscroll实现的, iscroll原本就有些坑).Vux也有提供Scroller组件实现 ...
达内cgb2111第三次月考 76分就够了
1.[单选题] 以下关于Spring核心容器相关说法错误的是 A. 创建BeanFactory实例时,需要提供Spring所管理容器的详细配置信息,这些信息通常采用XML文件形式来管理 B. Spri ...
vue中的this.$el
Vue 实例使用的根 DOM 元素比如我动态生成router-link <router-link :to="{ path: tag.path }" v-for='tag i ...
vue click事件_vue指令用法
vue指令指令式带有 v- 前缀的特殊特性v-text和v-html都属于指令将数据和dom做关联,当表达式的值改变时,响应式地作用在视图解决大胡子语法闪烁案例 [v-cloak] {dispal ...
html click事件参数,vue 实现click同时传入事件对象和自定义参数
这篇文章主要介绍了vue 实现click同时传入事件对象和自定义参数,具有很好的参考价值,希望对大家有所帮助.一起跟随小编过来看看吧仅仅传入自定义参数 HTML ddddd JS代码 new Vue ...
inc si指令的作用_【Vue】Re04 指令：第二部分 - emdzz
一.v-on指令作用是用来将元素绑定事件监听器,触发特定的函数执行一定功能关键字:事件监听 <!DOCTYPE html><html lang="en"> ...

@click.prevent.native作用

@click.prevent.native作用相关推荐

最新文章

热门文章