element-ui cascader级联选择,编辑时回显不了数据

我现在有个省市区的三级联动使用的是element的cascader级联选择,绑定是通过中文名称绑定的,但是在编辑的是有值下拉也选中了,但是就是显示不到下拉框里面,有遇到的小哥哥小姐姐可以给点提示吗,谢谢啦,在线等

这是通过接口获取到的数据处理
图片描述

这是编辑的时候赋给选择器的值
图片描述

这是页面显示
图片描述

阅读 16k
6 个回答

这个组件只有在初始化的时候会加载一次v-model所绑定对应的数据
如果有回显的需求 可以用v-if来处理组件的加载
保证v-model所绑定的数组数据设置完成后再加载组件即可

新手上路,请多包涵

请问解决了吗,解决的话可以分享一下解决方法吗

新手上路,请多包涵

把你v-model 绑定的值,重新赋值为空

array 这样赋值是不会监听变化的,换成push试试

新手上路,请多包涵

简单来说就是vue2里面通过索引改变数组的元素不会被监听到,解决方案:
1.通过push方法,this.data.push(value1, value2, value3)
2.重新给data赋值,this.data = [value1, value2, value3]
3.通过set方法,this.$set(this.data, 0, value1)
4.楼上说的v-if

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题