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 + '!')
            }

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