el-tree异步加载

zhangyouxiu66

于 2022-03-28 22:02:10 发布

阅读量748

点赞数

CC 4.0 BY-SA版权

分类专栏： Vue 文章标签： vue

本文链接：https://blog.youkuaiyun.com/xiaozhang9/article/details/123807697

本文详细介绍了在Vue项目中如何使用el-tree组件进行数据的异步加载，包括配置异步加载属性，处理加载数据的方法以及解决在加载过程中可能遇到的问题，帮助开发者优化用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

          <el-tree
            ref="indicatorTree"
            node-key="treeId"
            :props="defaultProps"
            :data="rightTreeData"
            lazy
            :load="loadNode"
            show-checkbox
            :default-expanded-keys="defaultExpandedKeys"
            highlight-current
            @check-change="handleCheckChange"
            @node-click="handleNodeClick"
          >
            <span class="custom-tree-node" slot-scope="{ node, data }">
              <span class="node_label">
                <img
                  v-if="data.treeNodeType == 'category'"
                  src="../../assets/images/business/catagory-icon.png"
                />
                <img
                  v-if="data.treeNodeType == 'indicator'"
                  src="../../assets/images/business/indicator-icon.png"
                />
                <img
                  v-if="data.treeNodeType == 'pro