解决Element的Cascader级联选择器懒加载数据回显问题

Cascader级联选择器懒加载数据回显

关于在工作中实现查看详情Cascader级联选择器在懒加载情况下数据无法有效回显的问题,解决方法如下:

<el-cascader
     v-if="cascaderVisiable"
     v-model=""
     :props="props"
     clearable
     filterable
></el-cascader>

cascaderVisiable:false,
categoryProps: {
   label: "",
   value: "",
   lazy: true,
   lazyLoad: this.getData
}

getData(node, resolve) {
     //请求数据
     resolve(data);
}

// 请求页面详情数据
this.$api.xxx().then((res)=>{
	//将页面数据赋值给表单数据
 	this.xxx = res.data
 	//显示级联选择器
 	this.cascaderVisiable = true;
})

你可能感兴趣的:(前端,vue.js,javascript,elementui)