javascript - Gunakan vue.js untuk mendengar acara masukkan, tetapi tiada respons langsung

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

Pertama sekali, komponen tidak mempunyai acara kekunci terbina dalam, jadi ia sepatutnya @keyup.enter.native, tetapi bukankah peristiwa ini patut ditulis pada komponen input?

Answer 2

Butang dan input komponen elemen tidak bertindak balas, tetapi input dan butang biasa adalah ok.

Answer 3

Pertama pergi ke dokumentasi elementui untuk melihat jika ada acara tersuai Jika ya, gunakan acara yang disediakan oleh elementui #Jika tidak, gunakan pengubah suai .native untuk menghantar acara kepada subkomponen #🎜🎜. #

给组件绑定原生事件

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

vue mengikat acara asli kepada komponen