多语言展示
当前在线:1644今日阅读:27今日分享:41

vueswiper 使用教程

swiper是一个轮播插件,在vue框架中,如何使用swiper?
工具/原料
1

swiper

2

vue

3

HBuilderX

4

截图工具

5

WPS

6

浏览器

方法/步骤
1

在vue项目根目录下,鼠标右键选择Git Bash Here,然后输入安装swiper命令

3

打开已新建的VueSwiper文件,插入多个div标签,并添加class

4

在script标签中,添加mounted,调用Swiper插件

5

标签中,利用类选择器设置样式属性

6

保存代码并运行项目,可以发现Swiper没有导入,然后再次保存,查看效果

注意事项
1

注意vue和swiper结合起来使用

2

注意在vue框架中使用第三方插件

推荐信息