すべてのチェックボックスをVue.jsで選択する（.vueファイル内でforループを使用する場合の問題）

Question

Vue.jsで「すべてを選択」チェックボックスを選択する方法を探していて、実際にはhereという解決策が見つかりました。

問題はVueifyを使用していて、.vueファイルですべてを実行しているため、いくつかの構文が例と異なり、修正できません。

私の問題は、この私のコードで認識されていないため、私はなぜ知らないFiddleJS

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

のこの部分にあります！コンソールの内部にconsole.log（user）を挿入した場合：

Uncaught ReferenceError: user is not defined

誰かが何が起こっているのか分かっていますか？

Answer 1

私は思ったより簡単ですよ！ @RainingChainが上のコメントに私を助けたので、jusはforループにvarを追加する必要があります。私は

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

感謝を行うための正しい方法

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

をしていたどのように

！

Answer 2

妙に。あなたのフィドルの修正は私にとってはうまくいかない。しかし、私の修正はあなたのhtmlで動作します。

あなたのコード：

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

マイコード：

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

でも、ループ内のVARなし。