element级联选择器回显失败,渲染不到默认值

问题描述

在实现修改弹出框时,我需要调用接口获取表中的数据,在弹框中有一个级联选择器,我需要获取到她的值并显示在弹框中,但是没有成功,不知道哪出问题了

相关代码

<el-form-item label="类 型" :label-width="formLabelWidth" prop="subject">
      <el-cascader
        v-model="updateForm.subjectArr"
        placeholder="请选择"
        :options="subjectList"
        :props="subjectOptProp"
      ></el-cascader>
</el-form-item>


data(){
    return{
        subjectArr:[],
        subjectOptProp: {
        value: 'subjectId',
        children: 'children',
        label: 'subjectName'
  }
}
}

//获取科目
async getSubjects() {
  // let param = {
  //   subjectName: this.label,
  // }
  let res = await cdService.getAllSubject();
  this.subjectList = [];
  if (res.code === 200) {
    for (let item of res.data) {
      item.children = [];
      let children = item.sortList;

      for (let i of children) {
        let child = {
          subjectId: i.sortId,
          subjectName: i.sortName
        };
        item.children.push(child);
      }
    }
    this.subjectList = res.data;
    console.log(res.data + "res.data");
    console.log(this.subjectList, "获取所有科目");
  }
},
//点击修改
async getQuestionDetail(row) {
  let param = {
    questionId: row.questionId
  };

  let res = await cdService.clickUpd(param);
  if (res) {
    this.updateForm = res.data;
    this.updateForm.subjectArr=this.getSubjects(res.data.types,this.subjectList)
    console.log(res, "修改题的res");
    console.log(this.updateForm.subjectArr, "修改题的类型");
  }
  this.dialogFormVisible1 = true;
  console.log(res.data, "修改题的res.data");
  console.log(res.data, "修改题的res.data");
  console.log(res.data.questionId, "修改题的res.data.questionId");
},

你期待的结果是什么?实际看到的错误信息又是什么?

找了好久都不知道哪错了

阅读 4.4k
1 个回答

你这段代码调用getSubjects方法传参有实参 没形参吧

this.updateForm.subjectArr=this.getSubjects(res.data.types,this.subjectList)
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题