vue中 element-ui 的 el-input 的回车键监听事件的几种方法
(1)@keyup.enter.native绑定监听事件组件:<el-input v-model="input1" @keyup.enter.native="submit1"></el-input>监听事件:submit1: function(event) {alert("1.您输入的数据为:" + this.input1 ...
(1)@keyup.enter.native绑定监听事件
组件:
<el-input v-model="input1" @keyup.enter.native="submit1"></el-input>
监听事件:
submit1: function(event) {
alert("1.您输入的数据为:" + this.input1 + '!')
}
(2)@keyup.native="show($event)" 监听
组件:
<el-input v-model="input2" class="ym-input" @keyup.native="show($event)"></el-input>
监听事件:
show: function(ev) {
if(ev.keyCode == 13) {
alert("2.您输入的数据为:" + this.input2);
}
}
(3)@keyup.enter.native绑定监听函数
组件:
<el-input v-model="input3" @keyup.enter.native="Todo()"></el-input>
监听事件:
Todo() {
alert("3.您输入的数据为:" + this.input3);
}
注意:所有监听事件都要写在methods: {}内
代码截图
html:
js:
更多推荐
所有评论(0)