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

发布于 2022-09-11 16:13:05 字数 377 浏览 19 评论 0

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

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

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

这是页面显示
图片描述

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(6

孤凫 2022-09-18 16:13:05

我也想知道,大哥解决了吗,指教指教啊!

土豪我们做朋友吧 2022-09-18 16:13:05

简单来说就是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

撩发小公举 2022-09-18 16:13:05

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

妄断弥空 2022-09-18 16:13:05

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

叫思念不要吵 2022-09-18 16:13:05

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

绅士风度i 2022-09-18 16:13:05

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文