实例: 错误(无法显示出分页器按钮,此功能不适用与for循环出来的图片,只有当该页面图片固定几张时能正常用)
第一步: 安装 npm i swiper (vue插件自带)
第二步: 在当前页面里引入
第三步:当然呐,或许你在想内容呐,别急,为了大家的方便内容的写法我也会提供
css就不多说了,控制大小应该都会.
接下来说第二个正确且简单的方法
正确:
第一步: 安装 npm i vue-awesome-swiper --save( 这一个是否安装根据实际情况,如果安装上一个你用没效果也要安装这个 => npm i swiper )
第二步: 在main.js文件里引入
在当前页面引入
第三步;
(分页器)
在data里定义轮播图
关于swiper在vue里的分享就到这里了,各位用的感觉阔以的帮忙点个赞呗,毕竟写了这么多,嘿嘿.关于swiper常用的目前踩到的坑就在这里,后续有会持续更新哟
补充一下：swi
per在vue中的用法
首先通过npm i vue-awesome-swiper --save 来在vue中下载插件
然后再main.js中引入
接着在需要用到的组件里结构中插入代码
