element el-cascader动态加载数据 （多级联动，落地方案

// 获取省市区街道

provinceFn(id) {

let data = {

up_id: id,

};

// 此处是一个promise 直接返回

return postRequest(url.getlowerlevelarea, data);

},

// 监听数据变化

handleChange(value) {

console.log(value);

}

3. data()配置

data() {

return {

value: [], // 多级联动的值 => 会是一个数组

props: {

lazy: true,

lazyLoad: (node, resolve) => {

// node 节点数据 node.value => 当前节点的值

// level: 层级 => 1,2,3,4

const { level } = node;

// 动态节点

const nodes = [];

// 为1代表第一次请求

let type = level == 0 ? “1” : node.value;

this.provinceFn(type)

.then((res) => {

if (res.code == -1) {

this.msgFn(“error”, res.message);

return;

}

// 节点数组

res.data.m