nuxt.js+vue2.x使用swiper

安裝swiper5,沒有指定版本的話,默認(rèn)安裝最新的,vue2用不了

npm i swiper@5.x vue-awesome-swiper -s

在plugins目錄下新建文件swiper.js,內(nèi)容如下

import Vue from 'vue'
import VueAwesomeSwiper from 'vue-awesome-swiper'
export default () => {
  Vue.use(VueAwesomeSwiper)
}

在nuxt.config.js中修改配置,統(tǒng)一用字符串或?qū)ο蟾袷揭?/p>

css: [
  { src: "swiper/css/swiper.css" }
],
plugins: [
  { src: "@/plugins/swiper.js", ssr: false },
],
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容