安装swiper5,没有指定版本的话,默认安装最新的,vue2用不了
npm i swiper@5.x vue-awesome-swiper -s
在plugins目录下新建文件swiper.js,内容如下
import Vue from 'vue'
import VueAwesomeSwiper from 'vue-awesome-swiper'
export default () => {
Vue.use(VueAwesomeSwiper)
}
在nuxt.config.js中修改配置,统一用字符串或对象格式引入
css: [
{ src: "swiper/css/swiper.css" }
],
plugins: [
{ src: "@/plugins/swiper.js", ssr: false },
],