想请大家帮忙看看一个这样的问题?提供一个解题思路就可以,谢谢大家?
这是一个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个回答

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>
回复

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