如何在使用vue的單選按鈕中添加動態名稱js

Question

如何在單選按鈕中添加動態名稱？

<tr v-for="user in users"> 
    <td> 
     <input type="radio" :name="groups_[[ user.id ]]" v-bind:value="photographer" v-bind:checked="user.group.name == photographer"> <label>photographer</label> 

     <input type="radio" :name="groups_[[ user.id ]]" v-bind:value="client" v-bind:checked="user.group.name == client"> <label>client</label> 
    </td> 
</tr> 

當我想我上面的代碼它給我一個錯誤

屬性或方法「論壇_」沒有在實例中定義，但在引用的渲染。確保在數據選項中聲明反應數據屬性。

Answer 1

通過增加單引號..然後添加加號（+）以連接論壇_字符串來對用戶識別碼轉換的論壇_字符串。

<input type="radio" :name="'groups_' + user.id" v-bind:value="photographer" v-bind:checked="user.group.name == photographer"> <label>photographer</label> 

<input type="radio" :name="'groups_' + user.id" v-bind:value="client" v-bind:checked="user.group.name == client"> <label>client</label>