el-tree动态更新节点数据

最新推荐文章于 2024-06-04 11:35:25 发布

段先生~

最新推荐文章于 2024-06-04 11:35:25 发布

阅读量2.6k

点赞数

分类专栏： vue 文章标签： elementui javascript

本文链接：https://blog.csdn.net/qq_35867245/article/details/126069571

版权

这个问题百度了好久，都是七零八碎的，自己整理一下

需求：点击父节点时，从接口获取子节点数据

1.页面代码

 <el-dialog
    width="30%"
      title="选择添加地址和邮编"
      :visible="visible"
      v-if="visible"
      @close="visible = false"
    >
      <el-scrollbar :style="{height:showHeight?height:fit}">
        <el-tree
          height="100%"
          :data="newCountryList"
          show-checkbox
          node-key="label"
          lazy
          :load="loadNode"
          :props="defaultProps"
          ref="tree"
          @check="selectChange"
        />
      </el-scrollbar>
      <span slot="footer" class="dialog-footer">
        <el-button @click="cancelHandle">取 消</el-button>
        <el-button typ