Select 所有带有 Vue.js 的复选框（for 在 .vue 文件中循环的问题）

Question

我正在寻找如何用 Vue.js 做一个 "Select All" 复选框，实际上我找到了一个解决方案 .

问题是我正在使用 Vueify 并在我的 .vue 文件上执行所有操作，因此某些语法与示例中的语法不同，我无法修复它！

我的问题出在 FiddleJS

的这一部分

for (user in this.users) {
    this.userIds.push(this.users[user].id);
}

我的代码无法识别此 for 我不知道为什么！如果我在里面插入一个 console.log(user) for it returns:

Uncaught ReferenceError: user is not defined

有人知道发生了什么事吗？

Answer 1

伙计们，我认为他们更简单！由于@RainingChain 在上面的评论中帮助了我，我只需要将 var 添加到 for 循环中。

我过得怎么样

for (user in this.users) {
    this.userIds.push(this.users[user].id);
}

正确的做法

for (var user in this.users) {
    this.userIds.push(this.users[user].id);
}

谢谢！

Answer 2

奇怪。您在 fiddle 中的修复对我不起作用。但是我的修复在你的 html:

中有效

您的代码：

<td><input type="checkbox" v-model="userIds" value="{{ user.id }}"></td>

我的代码：

<td><input type="checkbox" v-model="userIds" :value="user.id"></td>

即使循环中没有变量。

Select all checkbox with Vue.js (issues with for looping inside a .vue file)