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即可,我这边是直接在编辑的事件里修改了,因为不熟悉前端,可能有其他更好的实现办法(应该都是利用事件)。
在这里插入图片描述


版权声明:本文为weixin_43957537原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
THE END
< <上一篇
下一篇>>