最近尝试用nuxtjs新建网站，但是jquery中常用的一些插件在vue上引用时并不流畅~本文记录了使用Swiper插件制作轮播图时遇到的问题~至于如何在vue中引用插件，并不麻烦，npm可以告诉你~

Swiper的寻呼机是通过mounted()安装在Vue组件上的，而不是直接写在模板中的，所以在style scoped中编写的样式不能应用于寻呼机的点。解决方案是在作用域之外编写重写的样式。(以下截图不完整，仅供说明)

模板：

script:

样式范围/样式写入未受影响的样式(模板中的类名)

在样式范围/样式下创建一个新的样式/样式，并在样式/样式中写入页导航的分页点的样式

重写后的样子：

上面的Vue指的是Swiper4插件无法重写寻呼机样式的解决方案，这是边肖和大家分享的全部内容。希望能给大家一个参考，支持我们。