Object 如何vue监视对象数组中的特定属性
我正在使用vue.js 2.5.2 我有一个对象数组,我想查看表单[*]。如果选中,则调用函数 这是我的尝试,但显然是不正确的。我尝试将数组放入for循环中,以查看每个对象的选定属性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"); } } }, 任何帮助都将不胜
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
}
],