Javascript Vue.js使行可点击复选框

我正在尝试使列表项可单击。单击项目时，应启用或禁用列表项目中的复选框。然而，它并没有按照我预期的方式工作

我举了一个例子：

var-app=新的Vue({
el:“#应用程序”，
数据：{
showNav:false，
类别：[{name:'test'}]
},
安装的（）{
this.categories.forEach（（category）=>{
category.active=true；
});
}
})

{{category.name}

正如@ohgodwhy在他的评论中提到的，您为

类别定义属性的方式存在问题。我很难解释为什么这不起作用，尽管你可以这样做：


var-app=新的Vue({
el:“#应用程序”，
数据：{
showNav:false，
类别：[{
名称：“测试”
}],
},
安装的（）{
this.categories=this.categories.map（（category）=>{
返回{
名称：'测试'，
主动：对，
};
});
},
});



{{category.name}


是否尝试绑定到
值
属性而不是
上的
v型
有问题。为什么不使用对象的
索引
作为参考并基于索引进行比较，而不是向对象添加一个名为
活动
的任意属性？