vue2 引用swiper

参考引用 ：

vue使用swiper实现轮播图一页多张图片效果_swiper多张图片排列的轮播_空空的博客-CSDN博客

 vue2 使用swiper_vue2使用swiper__NIXIAKF的博客-CSDN博客

 常见的属性：Swiper 中常见的属性以及方法_swiper-wrapper_超勇的.的博客-CSDN博客

 

 1、运行安装命令

npm i [email protected] vue-awesome-swiper -s

安装后如果无法使用左右切换建议更改版本

手动强制更改然后重启项目  

 "swiper": "^5.4.5",
 "vue-awesome-swiper": "^4.1.1",

 

2、main.js引入 

import Swiper from 'swiper'
import 'swiper/dist/css/swiper.min.css'

 import "../../../static/css/swiper.min.css";  引用  import 'swiper/dist/css/swiper.min.css'

根据自己的情况更改地址

3、页面