Object 如何vue监视对象数组中的特定属性

Object 如何vue监视对象数组中的特定属性,object,vue.js,watch,Object,Vue.js,Watch,我正在使用vue.js 2.5.2 我有一个对象数组,我想查看表单[*]。如果选中,则调用函数 这是我的尝试,但显然是不正确的。我尝试将数组放入for循环中,以查看每个对象的选定属性 watch: { for (var i = 0; i < forms.length; i++) { forms[i].selected: function(){ console.log("change made to selection"); } } }, 任何帮助都将不胜

我正在使用vue.js 2.5.2

我有一个对象数组,我想查看表单[*]。如果选中,则调用函数

这是我的尝试,但显然是不正确的。我尝试将数组放入for循环中,以查看每个对象的选定属性

watch: {
   for (var i = 0; i < forms.length; i++) {
     forms[i].selected: function(){
     console.log("change made to selection");
   }
 }
},
任何帮助都将不胜感激

谢谢,您可以使用,但更优雅的解决方案是创建要查看的数据的计算属性,并改为查看:

newvue({
el:“#应用程序”,
数据:()=>({
表格:[{
日:"12",,
月份:'9',
年份:2035年,
颜色:“浅蓝色”,
所选:真
},
{
第28天,
月份:'01',
年份:2017年,
颜色:“浅绿色”,
所选:真
}
],
}),
计算:{
选定的(){
返回此.forms.map(form=>form.selected)
}
},
观察:{
选定(新值){
console.log(“对所选内容进行的更改”)
}
}
})

  • {{form.colors}}

这可能是重复的,太棒了!谢谢,太棒了。我已经等了一个月了!!!你救了我的命。
forms: [
        {
          day: '12',
          month: '9',
          year: '2035',
          colors: 'lightblue',//default colour in case none is chosen
          selected: true
        },
        {
          day: '28',
          month: '01',
          year: '2017',
          colors: 'lightgreen',//default colour in case none is chosen
          selected: true
        }
      ],