想请大家帮忙看看一个这样的问题？提供一个解题思路就可以，谢谢大家？

Question

这是一个vue循环出的商品信息，里面的单价是后端接口反的，

折扣额 和折扣，是需要自己填写的，我搞了半天，发现不知道怎么修改折扣额，去一对一 对应索引去影响单价和折扣，这个变量也不太好定义，又不能写一个变量,感觉挺难形容清楚的，不知道有没有大神能理解我的意思，帮我说个思路 谢谢

<u--input
type="digit"
@change="discount_change($event,index)"
@blur="discount_price_blur($event,index)"
v-model="value"
placeholder=""
fontSize="font-size: 14px;"
prefixIconStyle="font-size: 14px;color: #909399">
</u--input>

data(){
value:''
}

Answer 1

不是很明白你的需求，根据我理解道的，给你提供一个思路，如果不是请见谅。

假设后端返回的数据是这样

const data = [
  {
    id: 1,
    price: 50
  },
  {
    id: 6,
    price: 87
  }
]

拿到数据后，向里面添加一个自定义字段，比如：discount，默认为0。当然有其他独立的字段也可以根据需求追加

data.forEach(function (item) {
  item.discount = 0
})

然后vue循环渲染，这样就能正常使用v-model，互不相干

<template>
  <ul>
    <li v-for="item in data" :key="item.id">
      原价：<input v-model="item.price"/><br/>
      折扣：<input v-model="item.discount"/>
    </li>
  </ul>
</template>