第一步:安装 npm install --save swiper@5
第二步:引包 js|css(如系统内多次使用swiper则将css在入口文件main.js中引入)
第三步:v-for遍历轮播图结构(使用服务器获取回来的数据)
第四步:new swiper实例(务必先有结构再new实例)
三种方式:
第一种:将new实例写在update钩子中
第二种:将new实例写在mounted钩子中并用settimeout包裹
第三种:watch+nextTick
第一步:安装 npm install --save swiper@5
第二步:引包 js|css(如系统内多次使用swiper则将css在入口文件main.js中引入)
第三步:v-for遍历轮播图结构(使用服务器获取回来的数据)
第四步:new swiper实例(务必先有结构再new实例)
三种方式:
第一种:将new实例写在update钩子中
第二种:将new实例写在mounted钩子中并用settimeout包裹
第三种:watch+nextTick