Element-ui踩坑日记
2020-03-23 本文已影响0人
Mr哎呦喂
1.Element-ui下拉框选中绑定数据不回显的问题
因为是修改功能的页面,页面加载完成之后需要回显数据,在一个多选下拉框中出现了貌似很严重的BUG,点击选项之后还会报错
![](https://img.haomeiwen.com/i19865357/0f8af7356d271744.png)
![](https://img.haomeiwen.com/i19865357/5b6d06204c36f778.png)
于是开始排错
1. v-model绑定的值默认给的是数组
![](https://img.haomeiwen.com/i19865357/3e3de149dbd077d4.png)
2. 我是直接在mounted()函数中把这个值赋给了<el-selet>中v-model绑定的值,options中的值也是写死的,所以不应该存在组件更新不及时的问题。
![](https://img.haomeiwen.com/i19865357/9fca9557f8f0f106.png)
3. 从后台拿到的数据是这样的
![](https://img.haomeiwen.com/i19865357/4d9a15a8ed046b7d.png)
一开始我以为这三个地方都没问题,死活就排查不出来了,后来同事过来给我看了一眼就看出问题了(手动捂脸),太丢人了555
问题就出在后台返回来的值中,我需要的是一个数组,他返回来的是一个包着数组的字符串!太粗心大意了导致半天没看出来(再次捂脸)
处理一下就好啦!解决~
![](https://img.haomeiwen.com/i19865357/644dbdd2ec471b78.png)