Vue之点击事件
1、@keyup.enter.native和@click.native.prevent是什么意思一、 @keyup.enter.native一般vue的监听组件,是这样写<input v-on:keyup.enter="submit"><input @keyup.enter="submit">但是, 如果用了封装组件的话,比如element,这个时候使用按键修饰符需要加上.
·
1、@keyup.enter.native和@click.native.prevent是什么意思
一、 @keyup.enter.native
一般vue的监听组件,是这样写
<input v-on:keyup.enter="submit">
<input @keyup.enter="submit">
但是, 如果用了封装组件的话,比如element,这个时候使用按键修饰符需要加上.native
<el-input
v-model="account"
placeholder="请输入账号"
@keyup.enter.native="search()"
>
</el-input>
二、@click.native.prevent
1.在封装好的组件上使用,所以要加上.native才能click
2.prevent就相当于event.preventDefault()
preventDefault()
方法阻止元素发生默认的行为(例如,当点击提交按钮时阻止对表单的提交)
根据Vue2.0官方文档关于父子组件通讯的原则,父组件通过prop传递数据给子组件,子组件触发事件给父组件。但父组件想在子组件上监听自己的click的话,需要加上native修饰符,故写法就像上面这样。
更多推荐
已为社区贡献1条内容
所有评论(0)