1、虚拟滚动

vue-easy-tree中添加属性height可实现虚拟滚动

2、 超出部分滚动

//超出部分显示滚动条
::v-deep .vue-recycle-scroller__item-wrapper{
  position: static;
}

::v-deep .el-tree {
  height: 100%;
  width: 100%;
  & > .el-tree-node {
    min-width: 100%;
    display: inline-block;
    .el-tree-node__content {
      width: 100%;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      display: block;
    }
  }
  .vue-recycle-scroller {
    overflow-y: overlay !important;
  }
}
Logo

Agent 垂直技术社区,欢迎活跃、内容共建。

更多推荐