<el-form-item label="密码" prop="password" >
<el-input type="password" v-model="form.password" @keyup.enter.native="login" ></el-input>
</el-form-item>
vue中element-ui在使用el-input的时候,由于el-input在输入框的外层添加了一层的,把input隐藏在子级,所以el-input添加上了keyup无响应;
解决办法:
<el-input type="password" v-model="form.password" @keyup.enter.native="login" ></el-input>
vue 中的native 是干嘛的呢? :就是 当我们给组件绑定原生事件的时候,如果不使用native修饰,可能会不起作用。
native
native在Vue.js官方的大致意思是监听自定义标签根标签的事件,将原生事件绑定到组件上,比如a标签可以直接绑定原生事件,但是如果你通过自定义封装了button标签,起成了名字myself-abutton,这时候绑定事件就需要加上native了