el-cascader 省市数据回显

 效果：：

 

 

 

 

 

 通过设置props将绑定数据格式设置为只显示最后一级

然后将value转成对应格式，赋值给value

<el-cascader
                  class="site_select"
                  popper-class="serve_suspend"
                  placeholder="全部城市"
                  :show-all-levels="true"
                  :options="provinceDataArr"
                  :props="serCitProp"
                  :value="String(execPlaceCode)"
                  ref="getCityName"
                ></el-cascader>
import { provinceData } from "@/assets/js/cityMap"; // 引入省市
data(){
    return {
    // 执行地点级联选择器prop
       serCitProp: {
            label: "name",
            value: "id",
            children: "children",
            // multiple: true,
            checkStrictly: true, // 可选一级选项
            expandTrigger: "hover", // 鼠标展开选项
            // 使绑定数据只显示最后一级
            emitPath:false
          },
    
    }
}
created() {// 回显数据
      this.projServiceInfos = this.projSerInfo;
}