vue 裏的屬性動態綁定

• 需求描述：根據後臺返回數據動態構建table,每個table都是單選，互不干擾。
• 實現方式概述：爲每個單選框屬性根據數組動態綁定屬性。

<div v-for="(item,i) in sheet">
 <div style="margin-top: 20px;margin-left: 10px;background: #6f7180" > <h5>結果{{i+1}}:{{item.input}}</h5> 
</div>
 <el-table ref="uuid" :data="item.hits" empty-text="當！"> <el-table-column label="" width="65">
 <template slot-scope="scope"> <el-radio :name=item.inputLine :label="scope.row.label" v-model="radioData[item.input]" @change.native="getTemplateRow($event,scope.$index,scope.row,item.input)"> </el-radio> </template> 
</el-table-column> <!--<el-table-column type="selection" width="40">--> <!--</el-table-column>-->
 <el-table-column prop="realProductId" label="sk"></el-table-column> </el-table-column> 
</el-table> 
</div>

• 因爲每個table的單選框屬性綁定是一樣的，所以每個table之間的單選是互斥的。
• 多個table綁定不同的屬性，故互不干擾。