@keyup.enter加.native有什么作用?
W3C 标准中有如下规定:
即:当一个 form 元素中只有一个输入框时,在该输入框中按下回车应提交该表单。如果希望阻止这一默认行为,可以在 标签上添加 @submit.native.prevent。
使用Element-ui,因为Element-ui是封装组件,这个时候使用按键修饰符需要加上.native覆盖原有封装的keyup事件即可,可以理解为该修饰符的作用就是把一个vue组件转化为一个普通的HTML标签
<el-input v-model="account" placeholder="请输入账号" @keyup.enter.native="search()"></el-input>