nuxt中使用swiper

• • 安装依赖
  • 引入组件
  • 配置文件中配置

安装依赖

• npm install swiper --save-dev
• npm install --save vue-awesome-swiper

引入组件

// 在plugins目录下创建swiper.js
import Vue from ‘vue’
import VueAwesomeSwiper from ‘vue-awesome-swiper’
Vue.use(VueAwesomeSwiper)

配置文件中配置

// 在nuxt.config.js的plugins里配置
css:{
{src:‘swiper/~~~~~/swiper.css’}
//版本不同,目录不同 需要自己在依赖下找该文件的目录 建议版本swiper 5.4.5 npm install swiper@5.4.5
}
plugins:{
{src:’~/plugins/swiper.js’,ssr:false}
//引入组件
}

---

~喜欢 的小伙伴点个赞呗，谢谢♥~

---

相关推荐:橘子猫哥的《普歌-飞灵团队-Vue基础整理(上部分)》

---

作者：橘子猫哥
出处/源自：橘子猫哥《普歌-智音团队-nuxt中使用swiper》

本文版权归作者和CSDN共有，欢迎转载，且在文章页面明显位置给出原文链接，未经作者同意必须保留此段声明，否则保留追究法律责任的权利。