@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

Logo

前往低代码交流专区

更多推荐