Question

创建我：

created: function () {

    _.forEach(this.users, (user) => {
        Vue.set(user, 'published', true);
    });
}

在我的模板中，我有：

<div v-for="user in this.users">
    <input type="checkbox" v-model="user.published">
</div>

问题是复选框似乎没有绑定到新设置的已发布属性。为什么这样，我该如何解决？

请注意，我无法更改我将发布的属性添加到每个用户的方式。

Answer 1

以这种方式尝试：

<div v-for="user in users">
  <input type="checkbox" v-model="user.published">
  <button @click="user.published=!user.published">Toggle</button>
</div>

在你的钩子里：

created() {
    for (i in this.users) {
        this.users[i].published = true;
    }
}

新建属性的v模型？

1 个答案: