今天在做一个vue项目的时候，用到了swiper轮播图控件，发现设计稿的当前页码指标的颜色和默认的不一样，如下：
当前页码的显示数字为橙色
然后我审查元素到，当前所控制的class，进行修改：
.swiper-pagination-current{
color: #FF6D02;
}
结果无效，然后我去查了下资料，大概了解了原因：
直接设置class没作用的原因是：scoped这个让本css只能作为组件使用
解决办法在如下：
.index_hd_swiper >>>.swiper-pagination-current{
color: #FF6D02;
}
意思是在index_hd_swiper下所有出现.swiper-pagination-current，就不会收scoped限制了
今天在做一个vue项目的时候，用到了swiper轮播图控件，发现设计稿的当前页码指标的颜色和默认的不一样，如下： ...
vue中使用vue-awesome-swiper，想要使用slideTo去修改默认展示的内容，直接调用this.$...
点击分页器切换图片pagination: {el: ".swiper-pagination",clickable ...
vue引入swiper vue使用swiper vue脚手架使用swiper /引入js文件/引入css文件 ...
vue2下实现swiper图片轮播滚动，可以使用使用vue-awesome-swiper滑块插件。swiper这么...
vue中使用vue-awesome-swiper实现轮播记录 vue-awesome-swiper安装 安装好之后...
Vue项目使用swiper做轮播图时，异步调用数据时导致图片不能滑动的解决方法因为swiper提前初始化了，那个时...
本文所使用的是swiper51.安装：npm install swiper vue-awesome-swiper ...
使用 vue-awesome-swiper 版本为 3.1.4 (对应的 swiper 版本为 swiper4) ...
Vue-awesome-swiper使用教程 1. vue-awesome-swiper是vue的一款轮播插件 g...
本文标题：使用vue调用swiper修改swiper-pagination
本文链接：https://www.haomeiwen.com/subject/ozhxwqtx.html
网友评论