vue中 element-ui 的 el-input 的回车键监听事件的几种方法

(1)@keyup.enter.native绑定监听事件

组件:

监听事件:

submit1: function(event) {
                alert("1.您输入的数据为:" + this.input1 + '!')
            }

(2)@keyup.native="show($event)" 监听

组件:

 

监听事件:

show: function(ev) {
                if(ev.keyCode == 13) {
                    alert("2.您输入的数据为:" + this.input2);
                }
            }

 

(3)@keyup.enter.native绑定监听函数

组件:

监听事件:

Todo() {
                alert("3.您输入的数据为:" + this.input3);
            }

注意:所有监听事件都要写在methods: {}内

代码截图

html:

js:

vue中 element-ui 的 el-input 的回车键监听事件的几种方法_第1张图片

你可能感兴趣的:(vue前端,element组件的使用)