我在进行修改 分页器的样式的时候 直接类名更改样式无效
.swiper-pagination-bullet{
color:grey;
background: white;
}
原因是:
启用CSS具名scoped以后,swiper分页样式就失效了!因为分页是在mouted里创建的,此时创建的DOM,vue是不会帮你把上面加上scoped自定义属性的!
swiper分页是操作DOM生成的,所以应该在它的CSS style里面不写Scpoed,如果你的组件已经有了一个写过scpoed的style,那可以另写一个style用来设置swiper分页样式。