vue使用Swiper6.0不支持前后按钮切换？

在使用的时候，我是按着官方文档来的：https://github.com/surmon-china/vue-awesome-swiper

遇到的问题：

安装的时候是用的命令行是：npm install swiper vue-awesome-swiper --save

但是这样装的是swiper6.0的版本，首先对于css文件的这入就与之前的版本不一样了

6.0以前的版本是这样引入的：import ‘swiper/css/swiper.css’

但是会报错，no_module里面找不到css文件，

因些正确的引入是这样引入的：import ‘swiper/swiper-bundle.css’

好了，这样我以为就万事大吉了，but …………

我要使用到前后切换按钮，在以前我使用的做法是：

swiperOptions: {
	slidesPerView: 4,
	slidesPerGroup: 4,
	navigation: {
	  nextEl: '.swiper-btn-next',
	  prevEl: '.swiper-btn-prev',
	  disabledClass: 'button-disabled',
	},
},

但在6.0版本中失效了，差了好多资料：要用ref来获取dom，使用slidePrev和slideNext的方式进行翻页，还要使用progress为多少来控制按钮的显示，，，大概就是把原来的逻辑都实现一次，，，代码太恶心了……我开始也是这样做的，但由于项目中用到这个插件的地方比较多，我果断地选择了另一种方式。

解决

我把swiper回退到了5.0的版本，一切顺利了：