我想显示在多个表单我的产品的选择选项。但问题是,当我选择在我的形式之一一种选择,其他选择形式也发生变化。
我有什么做的,使其具有唯一性?
在这里我做的尝试
我选择的形式
<tr v-for="(adddiagnosilom, index) in adddiagnosis" :key="adddiagnosilom.value">
<td>{{ adddiagnosilom.value }}</td>
<td>{{ adddiagnosilom.CodeID }}</td>
<td>{{ adddiagnosilom.text }}</td>
<td>
<ListSelect :list="optionProduct"
option-value="value"
option-text="text"
:selected-item="itemproduct[index]"
placeholder="select product"
@select="onSelectProduct">
</ListSelect>
</td>
<td>
<input class="form-control" placeholder="0" v-model="adddiagnosilom.ordered">
</td>
<td>
<input class="form-control" placeholder="0" v-model="adddiagnosilom.price">
</td>
<td>{{ adddiagnosilom.sum = adddiagnosilom.ordered * adddiagnosilom.price }}</td>
</tr>
我的变量
data() {
return {
adddiagnosis: {},
itemproduct: [
{ value: '', text: '' }
],
}
}
我的选择方法
onSelectProduct (itemproduct) {
this.itemproduct = itemproduct
},
当它的一个我改变所有选择选项将会改变。我想要做的是只改变我换的,不是全部的选择形式。
使itemproduct
数组,然后结合到itemproduct[index]
代替itemproduct
。然后,你必须在一个单独的索引中的每个选择框的值的数组。