前端踩过的那些坑————前端

本文探讨了Vue中v-model的特性,如何导致数据间的相互影响,以及解决这个问题的方法,即通过JSON序列化和反序列化来隔离v-model的控制。另外,还提到了在使用Ant Design组件时,对于v-model绑定值的类型要求,例如数字与字符串类型的匹配问题,提醒开发者注意类型转换以避免显示异常。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.vue的v-model

v-model会影响其他连带的数值。

比如
this.data1=this.data2
//这data1是用了v-model
data1['star']=5
//这时候。this.data2里的值也会变!!而且上面的关联再长点。还是会互相影响!

解决:

  var data2= JSON.stringify(json.data2.v_items);
  that.data2= JSON.parse(data2)
  //转下字符串再转回来就可以脱离v-model的控制了。

2.使用antd组件这种会对v-model绑定的值有很高的类型要求

比如 1这个是数字。但antd组件v-model要的是字符串类型。
如果你1进去了就会出现显示数字的情况。不会和下面的文字所绑定。
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值