javascript - Utilisez vue.js pour écouter l'événement enter, mais il n'y a aucune réponse

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

Tout d'abord, le composant n'a pas d'événement keyup intégré, il devrait donc être @keyup.enter.native, mais cet événement ne devrait-il pas être écrit sur le composant d'entrée ?

Answer 2

Les boutons et l'entrée du composant élément ne répondent pas, mais l'entrée et les boutons ordinaires fonctionnent correctement.

Answer 3

Allez d'abord dans la documentation elementui pour voir s'il existe des événements personnalisés. Si tel est le cas, utilisez les événements fournis par elementui
Sinon, utilisez le modificateur .native pour transmettre l'événement au sous-composant

.

给组件绑定原生事件

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

vue lie les événements natifs aux composants