el-tree Scoped Slot自定義內容

問題描述

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官方文檔地址

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章