vue中使用swiper6.0.0版本，分页等效果失效

vue中使用swiper，安装插件时系统默认安装最新版本6.0.0（2020/10/29），按照swiper官方给出的建议，导入6.0以上适配的css样式，结果是：运行成功，但是页面分页器等效果始终实现不了

// import style (>= Swiper 6.x)
import 'swiper/swiper-bundle.css'

// import style (<= Swiper 5.x)
import 'swiper/css/swiper.css'

 

 

重新安装6.0以前的版本，这里安装的是5.4.5版本，导入css文件夹下的样式文件，运行成功，浏览器页面分页等效果实现，没有问题

// import style (>= Swiper 6.x)
import 'swiper/swiper-bundle.css'

// import style (<= Swiper 5.x)
import 'swiper/css/swiper.css'

$ npm install swiper@5.4.5 --save