(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:

Logo

前往低代码交流专区

更多推荐