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); },
这样就能回显了