vuejs: v-on不触发功能

Question

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

我显示的内容与变量:v_model_search和v_on_search测试，虽然只有v模型似乎是工作的。

<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

Try

v-on:input="getUserSearch()"

还是短

@input="getUserSearch()"

Vue可以识别HTML事件，但它们没有"on"前缀