a-select选择好后,点击编辑按钮后,不回显value而只回显绑定的id的解决办法

问题:选择好后,点击编辑按钮时不回显value而只回显id的解决办法

这是要显示的数据:
在这里插入图片描述

这是a-select组件:
在这里插入图片描述
由以上红色注释可知:a-select组件回显数据的时候,会将v-model绑定的即:value绑定的item.id的类型看成是个string。若为string,则能正确解析成标签中的item.val;若不为string类型,则不解析,直接显示item.id的值;

解决办法:

在你需要回显这个select之前,将这个v-model绑定的数据的类型强制转换为string即可,我这边是直接在编辑的事件里修改了,因为不熟悉前端,可能有其他更好的实现办法(应该都是利用事件)。
在这里插入图片描述

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值