Vue.js VueJs根据模型的每个关键点进行监视

我有一个对象（模型），作为搜索方法的输入字段，我希望观察者能够检测每个键的变化，而不是所有键的变化

现在，如果一个输入被改变，观察者会被调用10次（我拥有的输入数量）

观察：{
搜索：{
handler（）{
//做点什么
},
深：是的
}
}

您可以查看返回要查看的特定字段的计算值

Vue.config.devtools=false；
Vue.config.productionTip=false；
var app=新的Vue({
el:“#应用程序”，
数据：{
表格：{
名称：“”，
姓氏：“”
}
},
计算：{
formName（）{
返回this.form.name；
}
},
观察：{
formName（）{
console.log（“名称已更改”）
}
}
})

姓名：
姓氏：

您只能显式地查看所需的密钥

newvue({
el:“#应用程序”，
数据：{
搜索：{
名称：{占位符：'搜索名称'，值：''}，
年龄：{占位符：“搜索年龄”，值：'}，
国家：{占位符：“搜索国家”，值：“”
}
},
观察：{
'search.name.value'：{//显式监视所需的键。
handler（）{
console.log（'名称已更改…'）
}
}
}
})

---

您可以显式地观察按键，即搜索[field.column]而不是像下面的答案所示深入观察整个对象。

<b-form-input
        v-model="search[field.column]"
        type="search"
        id="filterInput"
        placeholder="search.."
></b-form-input>

watch:{
search: {
    handler(){
        // do somenthing
    },
    deep: true
}
}