javascript - 用vue.js，监听敲击enter事件，完全没有反应-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

javascript - 用vue.js，监听敲击enter事件，完全没有反应

高洛峰 2017-05-19 10:21:48

[JavaScript讨论组]

715

<el-button slot="append" icon="search" @click="handSearch"　@keyup.enter="handSearch"></el-button>
                
methods: {
            handSearch(){
                this.items.splice(0, this.items.length);
                this.$store.dispatch('findNewsPage', {key: this.input})
            }
        }

高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。网络人气名人讲师，...

全部回复(3)

天蓬老师2017-05-19 10:23:48 3楼

首先组件没有内置keyup事件，所以应该是@keyup.enter.native，但这个事件不应该是写在input组件上么？

赞 +0

添加回复

迷茫2017-05-19 10:23:48 2楼

element组件的button，input都是没有反应的，普通的input，button是可以的。

赞 +0

添加回复

黄舟2017-05-19 10:23:48 1楼

首先去elementui文档看一下有没有自定义事件，如果有，用elementui提供的事件，
没有的话就用 .native修饰符来给子组件传递事件

给组件绑定原生事件

有时候，你可能想在某个组件的根元素上监听一个原生事件。可以使用 .native 修饰 v-on 。例如：
<my-component v-on:click.native="doTheThing"></my-component>

vue给组件绑定原生事件

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>