element-ui的select组件设置预选项没问题,但重新选中不改变的问题解决

简单描述下bug:

项目需要弹窗设置参数,打开前先预设了服务器端数据,弹窗打开可以正常显示,但是select选中改变不了视图。如图:

element-ui的select组件设置预选项没问题,但重新选中不改变的问题解决_第1张图片

解决思路:

1.首先看有没有修改掉选中对绑定的值:查证后发现值已经被修改了,但视图不变

2.版本问题排除:解决不了

最后怀疑:vue的对对象或者数组进行修改视图不更新:通过select的change事件重新给数组对象赋值克隆的新数组对象解决了问题

总结:虽然解决了bug,但并没有想明白已经定义在data里的数组变量更新数据为什么没重新渲染,毕竟别的对象/数组这么修改没问题,难道是数组嵌套太深了?而且这个bug在最初编辑完成的时候并不存在,是后续测试突然开始出现的bug。未解之谜

代码如下

element-ui的select组件设置预选项没问题,但重新选中不改变的问题解决_第2张图片




你可能感兴趣的:(前端开发,bug解决记录)