elementUI el-tree

  <el-tree highlight-current :data='inputDataTree' node-key='id' @current-change='handleCheckChange'
                     default-expand-all ref='tree1' class='custom-tree'>

              <div class='custom-tree-node' slot-scope='{ node, data }' @mouseenter='data.ishover = true'
                   @mouseleave='data.ishover = false'>

<!--                    <span>{{data.type}}</span>-->

                <el-popover
                  placement="top-start"
                  title="标题"
                  width="200"
                  trigger="hover"
                  content="这是一段内容,这是一段内容,这是一段内容,这是一段内容。"
                  v-if='data.type =="father"'
                >

                <span slot='reference'>

<!--                  <i class='el-icon-service' v-if="data.codec_type == 'audio'"></i>-->
                  <!--                  <i class='el-icon-video-camera-solid' v-if="data.codec_type == 'video'"></i>-->
                  <!--                    <span v-if="data.codec_type == 'audio'">audio</span>-->
                  <!--                  <span v-if="data.codec_type == 'video'">video</span>-->
                  &nbsp;{{ node.label}}
                </span>

                </el-popover>
                <span v-else>{{node.label}}</span>

                <template v-if='1'>
                  <span v-if='data.ishover || data.refreshing'>
<!--                    <i class='el-icon-refresh' @click='inputRefresh(node, data)'-->
                    <!--                       style='color: #69c241; padding: 0px 5px'-->
                    <!--                       v-if='!data.refreshing'></i>-->
                    <!--                    <i class='el-icon-refresh' style='color: #69c241;-->
                    <!--                                 animation: rotating 2s linear infinite;' v-else>-->
                    <!--                    </i>-->


                    <i class='el-icon-delete-solid' @click.stop='delBtn(data.id)' style='color: #fb494b'
                       v-if='!data.refreshing'></i>
                  </span>
                </template>
              </div>
            </el-tree>