根据Element-UI的树形控件插入文件并下载

根据Element-UI的树形控件下载文件

1. 效果图
   

2. 上代码

<el-tree 
      :data="data" 
      :props="defaultProps"
      @node-click="handleNodeClick"
      icon-class="el-icon-arrow-right"
      >
      <span class="custom-tree-node" slot-scope="{ node, data }">
      //获取父级列表
        <span v-if="data.isParent == true" class="Fathertree">{{ node.label }}</span>
        //获取子级列表
        <span v-if="data.isParent == false" class="childerntree">{{ node.label }}</span>
       //文件的类型.pdf/.txt.等
        <span v-if="data.isParent == false" class="childerntree">.{{}}</span>
        <span style="float: right">
         //获取文件上传日期
          <span v-if="data.isParent == false" style="padding-right:50px;" class="childerntree">{{}}</span>
          //下载文件按钮
          <i v-if="data.isParent == false" @click="() => Download(node,data)" class="iconfont icon-xiazai" style="padding-right:30px;"></i>
        </span>
      </span>
    </el-tree>

3. 下载按钮：从阿里云的图标库里下载的