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;
}