iview中i-select 有问题，删除第二个下拉框中的数据时，自动删掉了第一个下拉框中的数据！

两个下拉框是一个list中的数据，选择后准备删掉第二行的数据，如下图：

但是界面自动删掉了第一行的数据

html是这样的

<Form-item prop="goodsSpecificationIds">
    <Checkbox-group v-model="attribute">
        <Checkbox :label="specEntity.id" v-for="specEntity in specGoodList">{{specEntity.name}}</Checkbox>
    </Checkbox-group>
</Form-item>

<Form-item :label="specEntity.name"  v-for="specEntity in specGoodList"  prop="color1">
    <i-select v-model="color" filterable multiple>
        <i-option v-for="color in specEntity.goodsSpecList" :value="color.specificationId +'^'+ color.id" :key="color.id">{{color.value}}</i-option>
    </i-select>
</Form-item>

循环的时候把key加上，用 specEntity.id,最好不要用index索引

你下面的form-item for循环写的不对把， v-model都绑定到color上不都是操作一个值

您好，我是有问必答小助手，您的问题已经有小伙伴解答了，您看下是否解决，可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案，可以点击【采纳】按钮，给回答的小伙伴一些鼓励哦～～

ps:问答VIP仅需29元，即可享受5次/月 有问必答服务，了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632