@keyup.enter.native和@click.native.prevent是什么意思

@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() 方法阻止元素发生默认的行为（例如，当点击提交按钮时阻止对表单的提交）

参考链接：keyup.enter.native&click.native.prevent