element-ui中的el-tree组件自定义slot使用

element-ui中的el-tree组件自定义slot使用

<el-tree ref="tree"
      class="tree"
      v-show="!value"
      highlight-current
      :accordion="false"
      node-key="id"
      :data="[queryTree]"
      :props="defaultProps"
      :expand-on-click-node="false"
      :default-expanded-keys="expandedKeys"
      show-overflow-tooltip
      @node-click="handleNodeClick">
        <span slot-scope="{node,data}" class="customize-tree-p">
          <el-tooltip class="item" effect="dark" :content="data.name" placement="top-start" open-delay="500">
            <span style="display:inline-block;width: 224px;overflow: hidden; white-space: nowrap; text-overflow:ellipsis;">{
    
    {
    
    data.name}}</span>
          </el-tooltip>
        </span>
</el-tree>

猜你喜欢

转载自blog.csdn.net/qq_37617413/article/details/120291077
今日推荐