验证实现element-ui树形控件的自定义图标及右键菜单（一）

许久不用，element-ui已经更新至2.4.1版本。直接进入今天的正题，前提是node.js的环境还有vue及elment-ui都已经安装。由于element-ui的官方文档中介绍比较粗略，试了许久才成功，因此将其记录。（PS:属性控件的另一个开源插件库有Z-tree，功能较为丰富）

首先看到自定义节点内容部分，指明了可以在节点区添加按钮或图标。

一 添加节点自定义图标

但所有的实例中却没有看到有图标，自定义部分只有通过按钮增加/删除节点。于是在线运行该实例，在数据项中添加icon，于html中引用，成功了：
HTML:

div id="app">
  <div class="block">
  /* 自定义节点的有两种方法，直接通过slot-scope实现，就不再捣腾另一种方法了，想必也是大同小异 */
    <p>使用 scoped slot</p>
    <el-tree :data="data5" node-key="id" default-expand-all :expand-on-click-node="false">
      <span class="custom-tree-node" slot-scope="{ node, data }">
        <span> <i :class="node.icon"></i>{
   { node.label }}</span>
        <span>
          <el-button type="text"