潜渊者 2023-02-07 17:32 采纳率: 70.7%
浏览 39
已结题

ant-design-vue没找到滚动条设置,有什么替代方案吗?

编写了一个左侧菜单,展开后过长和右侧内容区域不协调,没找到滚动条相关的设置。请问大家有什么好方案吗?

  • 写回答

2条回答 默认 最新

  • JS名 2023-02-08 14:58
    关注

    Ant Design Vue 是一款基于 Vue 的 UI 组件库,没有提供滚动条组件,但是你可以使用第三方库或者直接使用 CSS 来实现滚动条的设置。

    一个常用的第三方库是 "vue-perfect-scrollbar",它提供了一个高度可定制的滚动条组件,并且兼容 Ant Design Vue。

    如果你想使用 CSS 来实现,可以参考以下代码:

    .scrollbar {
      overflow: auto;
      height: 200px;
      width: 100%;
    }
    
    .scrollbar::-webkit-scrollbar {
      width: 8px;
    }
    
    .scrollbar::-webkit-scrollbar-thumb {
      background-color: #ccc;
      border-radius: 10px;
    }
    
    .scrollbar::-webkit-scrollbar-track {
      background-color: #f1f1f1;
      border-radius: 10px;
    }
    
    
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
  • CSDN-Ada助手 CSDN-AI 官方账号 2023-02-08 04:49
    关注
    不知道你这个问题是否已经解决, 如果还没有解决的话:
    • 请看👉 :ant-design-vue组件按需引入及报错解决
    • 除此之外, 这篇博客: 运用ant-design-vue组件库,且在项目中遇到的一些问题中的 当你遇到这样的bug时,可能出现了这样的问题 部分也许能够解决你的问题, 你可以仔细阅读以下内容或者直接跳转源博客中阅读:

      vue.runtime.esm.js?0261:619 [Vue warn]: Error in render: “TypeError:
      Cannot read property ‘0’ of undefined”

      出现这个错误的原因其实是Vue在拿到数据之前就渲染了dom,那么在你的html结构中加上v-if,某个数据的长度,如:

      v-if="dataList.length>0
      

      “ReferenceError: h is not defined”

      原因:在用到colums,没放到data里定义,会报错

      本次就写这么多,下次继续更新,写的不好还望多多指教,谢谢!


    如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 2月16日
  • 已采纳回答 2月8日
  • 创建了问题 2月7日

悬赏问题

  • ¥20 C语言字符串不区分大小写字典排序相关问题
  • ¥15 关于#python#的问题:我希望通过逆向技术爬取1688搜索页下滑加载的数据
  • ¥15 学习C++过程中遇到的问题
  • ¥15 关于Linux的终端里,模拟实现一个带口令保护的屏保程序遇到的输入输出的问题!(语言-c语言)
  • ¥15 学习C++过程中遇到的问题
  • ¥15 请问,这个嵌入式Linux系统怎么分析,crc检验区域在哪
  • ¥15 二分类改为多分类问题
  • ¥15 Unity微信小游戏上调用ReadPixels()方法报错
  • ¥15 如何通过求后验分布求得样本中属于两种物种其中一种的概率?
  • ¥15 q从常量变成sin函数,怎么改写python代码?