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

作者站长头像
站长
· 阅读数 16

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

这是一个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:''}

回复
1个回答
avatar
test
2024-07-20

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

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

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>
回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容