您现在的位置:首页 >> 前端 >> 内容

vue使用element-ui的el-input监听不了回车事件怎么解决?

时间:2018/2/2 14:18:20 点击:

  核心提示:vue使用element-ui的el-input监听不了回车事件,原因应该是element-ui自身封装了一层input标签之后,把原来的事件隐藏了,所以如下代码运行是无响应的:el-input v-...

vue使用element-ui的el-input监听不了回车事件,原因应该是element-ui自身封装了一层input标签之后,把原来的事件隐藏了,所以如下代码运行是无响应的:

<el-input v-model="tableEngineer.userName" @keyup="keys($event)"></el-input>

methods: {

    keys: function(ev) {

        if (ev.keyCode === 13) {

            alert("你按回车了")

        }

    }

}

解决方法需要在事件后面加上.native

<el-input v-model="tableEngineer.userName" @keyup.native="keys($event)"></el-input>

methods: {

    keys: function(ev) {

        if (ev.keyCode === 13) {

            alert("你按回车了")

        }

    }

}

这样就OK了!

Tags:VU UE E使 使用 
作者:网络 来源:qq_3670899