想请大家帮忙看看一个这样的问题?提供一个解题思路就可以,谢谢大家?
这是一个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:''
}
回答:
不是很明白你的需求,根据我理解道的,给你提供一个思路,如果不是请见谅。
假设后端返回的数据是这样
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>
以上是 想请大家帮忙看看一个这样的问题?提供一个解题思路就可以,谢谢大家? 的全部内容, 来源链接: utcz.com/p/932946.html