Cascader 级联选择回显

Question

问题描述

Cascader 级联选择回显问题

问题出现的环境背景及自己尝试过哪些方法

在做一个省市区乡镇四级联动时出现给model绑定[51,5105]默认时Cascader没有显示

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）
给的model绑定是[51,5105]
这是loadData异步处理
loadData(item, callback) {

    item.loading = true 
    const params = {
      areaId: item.value
    };
    if (!item.isLast) {
      GetArea(params).then(res=>{
        if (res.data.code==200&&res.data.success) {
          let arry =JSON.parse(JSON.stringify(res.data.data))  
            if (arry.length==0) {
                item.children=[{
                  value: "",
                  label: "",
                  isLast: true
                }]
            }else{
            item.children=arry.map(item=>{
                if (!item.isLast) {
                  return {
                    value: item.areaId+"",
                    label: item.name,
                    isLast: item.isLast,
                    children: [],
                    loading: false
                  };
                } else {
                  return {
                    value: item.areaId+"",
                    label: item.name,
                    isLast: item.isLast
                  };
                }
              })
            }
             item.loading = false
            callback()
        }
      })
    }    
},

this.formAdmin.zoneCode=[51,5105]

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

应该显示四川省/泸州市 实际为空

Answer 1

return {

    value: item.areaId+"",
    label: item.name,
    isLast: item.isLast,
    children: [],
    loading: false
  };
  
  看你的代码，你value 是字符串哦，  你的model [51, 5105]是数字啊，
  统一一下就可以了