下記のようなvueの配列処理 v-for があるのですが、
v-for の出だしで配列の要素のアクセスを duplicatedObjects.nameAndBirthday や duplicatedObjects.telAndBirthday
と行なっています。
ここ以外は似たような処理が続くため、配列の要素を変数でアクセスしたいのですが可能でしょうか。それともここを別のvue templateとして切り出すのが普通でしょうか。
vue
1 <tr v-for="duplicatedObject in duplicatedObjects.nameAndBirthday"> 2 <td><input type="checkbox" checked="checked" name="ids[]" :value="duplicatedObject.id"></td> 3 <td>{{ duplicatedObject.name }}</td> 4 <td>{{ duplicatedObject.age }}</td> 5 <td>{{ duplicatedObject.sex }}</td> 6 <td></td> 7 <td>{{ duplicatedObject.email }}</td> 8 <td>{{ duplicatedObject.tel }}</td> 9 <td>{{ duplicatedObject.portable_tel }}</td> 10 <td>{{ duplicatedObject.birth_date }}</td> 11 </tr> 12
vue
1 <tr v-for="duplicatedObject in duplicatedObjects.telAndBirthday"> 2 <td><input type="checkbox" checked="checked" name="ids[]" :value="duplicatedObject.id"></td> 3 <td>{{ duplicatedObject.name }}</td> 4 <td>{{ duplicatedObject.age }}</td> 5 <td>{{ duplicatedObject.sex }}</td> 6 <td></td> 7 <td>{{ duplicatedObject.email }}</td> 8 <td>{{ duplicatedObject.tel }}</td> 9 <td>{{ duplicatedObject.portable_tel }}</td> 10 <td>{{ duplicatedObject.birth_date }}</td> 11 </tr> 12
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/09/26 14:17