vue eleemntui 级联组件懒加载获取数据

后来就忘了

于 2021-12-31 15:59:50 发布

阅读量535

点赞数

分类专栏： js vue 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_45016173/article/details/122258081

版权

vue 同时被 2 个专栏收录

23 篇文章 1 订阅

订阅专栏

21 篇文章 0 订阅

订阅专栏

			<el-cascader
              ref="objArrcasa"
              v-model="form_list_.leadsQueryInfo.areaIdList"
              :props="listPropsSHDQ"
              clearable
              @change="handleChange1($event, 1)"
            ></el-cascader>

data(){
//级联下拉懒加载获取数据
    function changeSele(node, resolve) {
      // console.log(resolve);
      axios.get(`common-api/address/query?parentId=${node.value}`).then((res) => {
        if (res.data.code === 0) {
          const nodes = res.data.result.map((val) => ({
            value: val.addressId,
            label: val.addressName,
            leaf: node.level >= 2,
          }));
          resolve(nodes);
        }
      });
    }
	return{
	listPropsSHDQ: {
        lazy: true,
        checkStrictly: true,
        lazyLoad(node, resolve) {
          if (node.level === 0) {
            node.value = 0;
          }
          changeSele(node, resolve);
          //清除第四级
          if (node.level == 3) {
            node.loading = false;
          }
        },
      },
	}
}