自学内容网 自学内容网

Vue2:el-tree用scope slot为每一个节点添加一个鼠标悬浮时出现的右对齐的按钮

el-tree中,每一个节点后面添加一个按钮,响应除节点点击事件之外的操作,要求:

1、按钮在鼠标悬浮在该节点之上时才出现

2、按钮右对齐

实现如下。

1、为每个节点添加按钮

从官网说明来看,有两种方式添加按钮,render-content和 scoped slot,我使用的是scoped slot方式:

<el-tree
              :data="projectOptions"
              :props="defaultProjectTreeProps"
              default-expand-all
              ref="tree"
              row-key="unid"
              tooltip-effect="light"
              :highlight-current="true"
              @node-click="handleNodeClick"
            >
              <span slot-scope="{ node, data }">
            

原文地址:https://blog.csdn.net/l_q_l/article/details/145209822

免责声明:本站文章内容转载自网络资源,如侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!