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

简单描述下bug:

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

解决思路:

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

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

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

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

代码如下





  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 14
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 14
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值