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 }">
            
上一篇:AI Prompt 设计指南:从基础构建到高质量生成的全面解析-引言


下一篇:谈一谈前端构建工具的本地代理配置(Webpack与Vite)