想请问大家一个关于vue 记录值的 问题?提供思路即可,谢谢大家?

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

想请问大家一个关于vue 记录值的 问题?提供思路即可,谢谢大家?

想请问大家一个关于vue 记录值的 问题?提供思路即可,谢谢大家?

图上面的单价为18.00,勾选赠品的时候改为0.00 再取消勾选赠品,又回到18.00

有点不知道怎么处理,这个感觉只能在选中事件做两个临时变量的存储,而且这是循环出的数据,请问有什么好的思路可以提供吗,谢谢大家

主要是通过this.goods_list_data[index].goods_price 拿的单价价格

谢谢大家回答,我还是做了两个模板内容去判断

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

只需要增加一个是否为赠品的属性就好了,比如说 this.goods_list_data[index].is_freebie。然后单价这边只需要判断 is_freebie 是否为 true 就好了,如果为真就设置为 0,不为真就取 this.goods_list_data[index].goods_price 的值就行了。

一段伪代码

<template v-for="item in goods_list_data" :key="item.id">
  <div>  
    <label>单价:</label>    
    <input :value="item.is_freebie ? 0 : item.goods_price" :disabled="item.is_freebie" @input="handleInput" />
  </div>
  <div>
    <label>赠品:</label>
    <input type="checkbox" v-model="item.is_freebie" />
  </div>
</templalte>
回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容