vue中swiper 滚动条 不显示

在Vue中使用Swiper时，滚动条默认是不显示的。如果你想要显示滚动条，你需要设置Swiper实例的scrollbar参数，同时还需要引入Swiper的scrollbar组件。

具体来说，可以按照以下步骤进行设置：

1. 安装Swiper的scrollbar组件：

npm install swiper --save

2. 在Vue组件中引入Swiper和scrollbar组件：

import Swiper from 'swiper'
import 'swiper/css/swiper.min.css'
import 'swiper/css/swiper.css'
import 'swiper/css/swiper.min.css'
import 'swiper/dist/css/swiper.css'
import 'swiper/js/swiper.js'
import 'swiper/js/swiper.min.js'
import 'swiper/js/swiper.esm.js'
import SwiperCore, { Scrollbar } from 'swiper/core';
import 'swiper/swiper-bundle.css';
SwiperCore.use([Scrollbar]);

3. 在mounted钩子函数中初始化Swiper实例，并设置scrollbar参数：

mounted() {
  new Swiper('.swiper-container', {
    scrollbar: {
      el: '.swiper-scrollbar',
      hide: false,
    },
  });
}

其中，el参数指定滚动条的容器元素，hide参数指定是否隐藏滚动条（设为false即可显示滚动条）。

请注意，以上代码仅供参考，具体实现方式可能会根据你的具体需求而有所不同。另外，如果你仍然无法解决问题，请提供更多的信息，我将尽力帮助你。