vue 用elementUI滚动条问题？

  • Z时代
  • 2024-02-28
  • 分类：IT

如下代码，给了max-height，正常情况是超出500就出滚动条，现在想让滚动条默认就展示并且宽度加大，现在滚动条有点卡顿，跟我的的数据有关吗，现在每条数据里面值比较多，我css的deep样式应该无关，样式删了也还是卡顿，改怎么优化下才能滚动不卡顿

<el-table v-loading="loading"
      ref="singleTable"
      @selection-change="handleSelectionChange"
      @current-change="handleCurrentChange"
      @filter-change="filterTagTable"
      highlight-current-row
      stripe="true"
      :data="dataList"
      border
      style="width: 100%"
      max-height="500"
      :header-cell-style="{ color: '#1B1B1B', background: '#ffffff' ,fontSize:'12px'}"
      :cell-style="{ color: '#1B1B1B',fontSize:'12px' }"
    >
:deep(.el-scrollbar__bar.is-vertical){
      display: block !important;
      width: 12px;
    }

回答：

解决了，版本的问题，用的elementplus，换成新版的就不卡了

回答：

得看你里面的数据有多少多，一般来说几百条不会卡顿的。先考虑分页，如果没办法分页考虑一下虚拟滚动。
虚拟滚动的话 Ele+ 这个UI库自己就支持，如果是 Ele2 的话，那么就需要自己写了，SF上面也有挺多实现的教程。

以上是 vue 用elementUI滚动条问题？ 的全部内容， 来源链接： utcz.com/p/933767.html

回到顶部