el-tree通过接口获取数据，并给所有叶子节点添加icon图标

实现目标：与后端对接接口，后端对返回的el-tree数据的叶子节点进行了标识，即leaf为true时代表为叶子结点，leaf为false时为非叶子节点。现要实现将所有的叶子节点前加icon图标。

实现效果：

实现方法：

vue文件中：

 <el-tree :data="dataTree" node-key="id" default-expand-all >
        <span slot-scope="{ node, data }">
           <span v-if = "data.leaf == true" class = "el-icon-info"> </span>
           <span>
               {{ node.label }}
            </span>              
        </span>
 </el-tree>

通过上述代码可实现上述效果，el-tree的获取为对接接口的内容，具体可参考生成el-tree，勾选叶子节点后cesium在地球上同时添加多个图标，点击图标出现对应弹窗，与后端对接获取相应数据（并设置了只有叶子节点可以勾选）_刚刚好ā的博客-CSDN博客