vuejs：v-on 不触发功能

Question

我有一个输入组件，它应该getUserSearch在用户键入时调用一个方法，并v_on_search用变量v_model_search值更新变量。

我正在显示带有变量的内容：v_model_search并v_on_search进行测试，尽管似乎只有 v-model 有效。

<template>
    <div>
        <input type="text" placeholder="search here" v-model="v_model_search" v-on:oninput="getUserSearch()">
        <p>{{v_model_search}}</p>
        <p>{{v_on_search}}</p>
    </div>
</template>

<script>
    export default {
        name: 'SearchBox',
        data () {
            return {
                v_model_search: '',
                v_on_search: ''
            }
        },
        methods: {
            getUserSearch ()
            {
                this.v_on_search = this.v_model_search
            }
        }
    }
</script>

Answer 1

尝试

v-on:input="getUserSearch()"

或更短

@input="getUserSearch()"

Vue 识别 HTML 事件，但它们没有“on”前缀