如何使用VUE搜索选择多个表单

问题描述 投票:0回答:1

我想显示在多个表单我的产品的选择选项。但问题是,当我选择在我的形式之一一种选择,其他选择形式也发生变化。

我有什么做的,使其具有唯一性?

在这里我做的尝试

我选择的形式

<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
},

这里是截图enter image description here

当它的一个我改变所有选择选项将会改变。我想要做的是只改变我换的,不是全部的选择形式。

javascript vue.js vuejs2
1个回答
0
投票

使itemproduct数组,然后结合到itemproduct[index]代替itemproduct。然后,你必须在一个单独的索引中的每个选择框的值的数组。

© www.soinside.com 2019 - 2024. All rights reserved.