問題描述
element-ui中的el-tree組件自定義內容實現。依靠Scoped Slot
<el-tree
:expand-on-click-node="false"
:props="{label:'orgName',isLeaf: 'leaf',children:'childList'}"
node-key="id"
:data="treeData"
ref="tree"
highlight-current
show-overflow-tooltip
@node-click="_handleNodeClick"
>
<span slot-scope="{node,data}" class="customize-tree-p">
<el-tooltip class="item" effect="dark" :content="data.orgName" placement="top-start" open-delay="500">
<span>{{data.orgName}}</span>
</el-tooltip>
</span>
</el-tree>
其中的一些參數,以我項目記錄,參考者注意修改
附:el-tree官方文檔地址