如何在Vue项目中优雅的使用swiper插件
本文即将迁移至个人网站程序员导航站 - 博客栏 无任何广告,用户体验极好,观感极佳。欢迎各位大哥将其设为首页。求您了,设个浏览器首页吧!====》https://iiter.cn开始之前,请先确保有一个基于webpack模板的项目(vue-cli脚手架一键安装~)1.npm命令安装swipernpm install swiper --save-dev2.在需要用...
·
本文即将迁移至个人网站 程序员导航站 - 博客栏 无任何广告,用户体验极好,观感极佳。欢迎各位大哥将其设为首页。
求您了,设个浏览器首页吧!====》 https://iiter.cn
开始之前,请先确保有一个基于webpack模板的项目(vue-cli脚手架一键安装~)
1.npm命令安装swiper
npm install swiper --save-dev
2.在需要用到swiper插件的组件中引入swiper
import Swiper from "swiper"
3.在组件style中引入swiper插件的css(根据自己的项目路径选择)
4.在methods方法里面初始化swiper插件
5.在created钩子函数里面调用
OK......
更多推荐
已为社区贡献11条内容
所有评论(0)