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

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

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

回到顶部