Javascript Vue2:是否从编程v型更改更新其他表单输入？

我以编程方式更改v模型。如何更新附加的其他输入？是双向标记还是强制渲染

html:

javascript:

var app=new Vue({
    el: '#app',
  data: {
    items: [
        {'checked': true},
      {'checked': true}
    ]
  },
  methods: {
    check: function(item, event) {
        var newlyChecked = event.srcElement.checked;

      for (var i = 0; i < items.length; i++) {
        items[i].checked = newlyChecked;
      }
    }
  }
})

var-app=新的Vue({
el:“#应用程序”，
数据：{
项目：[
{'checked'：true}，
{'checked'：true}
]
},
方法：{
检查：功能（项目、事件）{
var newlyChecked=event.srcmelement.checked；
对于（变量i=0；i

小提琴示例：

---

（对于本示例）的目标是在更改一个复选框时选中或取消选中所有其他复选框。

如果在调试复选框时选中控制台，您可以看到有一个错误：

未捕获引用错误：未定义项

这是因为您必须通过

This

引用Vue对象，以便在使用该对象的方法时访问和更改其属性：

for (var i = 0; i < this.items.length; i++) {
  this.items[i].checked = newlyChecked;
}

for（var i=0；i

---

工作小提琴：

谢谢-我的大样本中有另一个项目数组，它是冲突的-再次感谢-工作正常。

for (var i = 0; i < this.items.length; i++) {
  this.items[i].checked = newlyChecked;
}