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 @ 2021-07-13 17:08  少哨兵  阅读(10893)  评论(0编辑  收藏  举报