vue elementUI Tree+Tooltip文字提示

演示关键代码<el-tree:data="treedata"show-checkboxnode-key="id":default-checked-keys="[1,2,3,4,5,6]"default-expand-allref="tree"@check-change="getCheckedKeys"><template slot-scope="{node, data}">

燎原君

3994人浏览 · 2021-05-26 10:46:45

燎原君 · 2021-05-26 10:46:45 发布

演示

在这里插入图片描述

关键代码

<el-tree
  :data="treedata"
  show-checkbox
  node-key="id"
  :default-checked-keys="[1,2,3,4,5,6]"
  default-expand-all
  ref="tree"
  @check-change="getCheckedKeys"
>
  <template slot-scope="{node, data}">
    <el-tooltip effect="dark" :content="node.label" placement="right">
      <span>{{node.label}}</span>
    </el-tooltip>
  </template>
</el-tree>