有个关于vue可能比较常见的问题,我却有点不知道怎么处理,想请大家帮忙看下 ,谢谢?

作者站长头像
站长
· 阅读数 16
<u--input
@change="discount_change($event,index)"
@blur="discount_price_blur($event,index)" 
v-model="item.discounts">
</u--input>

上面是条循环的数据,item.discounts后端传过来的可能是一个空字符串,但是我需要判断如果是空字符串,就改为0,否则就还是item.discounts

我用三元表达式改为v-model="item.discounts == ''? 0 : item.discounts"发现v-model里写三元表达, 会报错,请问这种情况,如何处理比较好?谢谢

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

最科学的方法是,拿到数据后,立刻处理一下不和格的数据,类似这样

const data = await getTestData()

data.forEach(function (item) {
    item.discounts = item.discounts || 0
    item.status = item.status === 1 ? true : false
})

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