javascript - Verwenden Sie vue.js, um das Enter-Ereignis abzuhören, aber es erfolgt überhaupt keine Antwort

Question

<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})
            }
        }

Answer 1

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

Answer 2

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

Answer 3

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

给组件绑定原生事件

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

vue给组件绑定原生事件