动态滚动条

最新推荐文章于 2024-04-22 10:09:58 发布

yuanliy

最新推荐文章于 2024-04-22 10:09:58 发布

阅读量154

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/a432qbc/article/details/119544473

版权

vue 专栏收录该内容

26 篇文章 0 订阅

订阅专栏

该篇博客介绍了如何在项目中引入PerfectScrollbar库来美化滚动条，通过示例代码展示了如何在`vxe-table--body-wrapper`和`rbd-content-right`两个类名对应的元素上应用滚动条，并在组件挂载后更新滚动条状态。

摘要由CSDN通过智能技术生成

//滚动条
import PerfectScrollbar from "perfect-scrollbar";
import "perfect-scrollbar/css/perfect-scrollbar.css";

export const PScrollbar = (className) => {
  return new PerfectScrollbar(document.querySelector(`.${className}`));
};

import { PScrollbar } from "@utils/perfectScrollbar";
mounted() {
    const that = this;
    that.formList = getMockForm()["data"];
    //加滚动条
    this.$nextTick(() => {
      let psLeft = PScrollbar("vxe-table--body-wrapper");
      psLeft.update();
      let psRight = PScrollbar("rbd-content-right");
      psRight.update();
    });
  }