vue:el-cascader,解决数据不回显问题
1:在a页面有个el-cascader,级联选择,选择完后绑定值为数组[1,2,3]并发送给后端
2:在b页面的el-cascader需要进入页面先回显出来。但是数据是字符串(后端处理了数据)"1,2,3"
3:出现了回显不了问题:进入数据赋值form.complaintype回显不了
4:解决方案:把字符串转成数组,并且,一定要注意接收
html: <el-form-item label="投诉类型"> <el-cascader v-model="form.complainType" :options="options" ></el-cascader> </el-form-item> methods: formatTreeDate(data) { var str = data.complainType; console.log(str); str = str.split(",") this.form.complainType = str console.log(this.form.complainType) }, getAcceptInfo(dialogId) { this.$axios .post(this.$apis.ccweb.newDataSL.selectAcceptInfoById, { dialogId }) .then((res) => { const { code, data } = res; if (code === 200 && data) { console.log(data); this.form = data; this.formatTreeDate(data); this.showPrise = false; this.showRentPrise = true; } else { this.showPrise = true; this.showRentPrise = false; } }); console.log("this.acceptInfo", this.acceptInfo); },
这样就能回显了
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· 上周热点回顾(2.24-3.2)