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);
    },
复制代码

这样就能回显了

 

posted @   少哨兵  阅读(11819)  评论(0编辑  收藏  举报
编辑推荐:
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
阅读排行:
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· 上周热点回顾(2.24-3.2)
点击右上角即可分享
微信分享提示