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)!