Vue-awesome-swiper: Update to docs to swiper 6.0

[gustawdaniel]

https://swiperjs.com/get-started/

import 'swiper/css/swiper.css'

is outdated, use

import 'swiper/swiper-bundle.css';

[productfrontenddeveloper]

+1

[eragon1206]

+1

[pedromoraisf]

up!!!!!

[earilybird]

谢谢

[webcoderkz]

Only this change is required from 5 to 6 @gustawdaniel ?

[shenxianhui]

nice!

[smakinson]

Is there something different for adding the pagination as well?

[mablevi]

it's a good iss

[lxy030988]

最新的版本会报错
TypeError: Cannot set property 'params' of undefined
at SwiperClass (swiper.js?9b44:1038)
at Swiper (swiper.js?9b44:3716)
at resolveAsyncComponent (vue.esm.js?efeb:3695)
at createComponent (vue.esm.js?efeb:3209)
at _createElement (vue.esm.js?efeb:3431)
at createElement (vue.esm.js?efeb:3362)
at vm._c (vue.esm.js?efeb:3500)
at Proxy.render (eval at ./node_modules/vue-loader/lib/template-compiler/index.js?{"id":"data-v-4c228a82","hasScoped":true,"transformToRequire":{"video":["src","poster"],"source":"src","img":"src","image":"xlink:href"},"buble":{"transforms":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/bundles/screenBundle/dataStatistics/modules/centerContent/modules/screenProjection/components/media/index.vue (0.js:4439), :9:7)

[CoderTyy]

最新的版本会报错
TypeError: Cannot set property 'params' of undefined
at SwiperClass (swiper.js?9b44:1038)
at Swiper (swiper.js?9b44:3716)
at resolveAsyncComponent (vue.esm.js?efeb:3695)
at createComponent (vue.esm.js?efeb:3209)
at _createElement (vue.esm.js?efeb:3431)
at createElement (vue.esm.js?efeb:3362)
at vm._c (vue.esm.js?efeb:3500)
at Proxy.render (eval at ./node_modules/vue-loader/lib/template-compiler/index.js?{"id":"data-v-4c228a82","hasScoped":true,"transformToRequire":{"video":["src","poster"],"source":"src","img":"src","image":"xlink:href"},"buble":{"transforms":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/bundles/screenBundle/dataStatistics/modules/centerContent/modules/screenProjection/components/media/index.vue (0.js:4439), :9:7)

If you use vue-awesome-swiper@3.x , the correct code is:

import { swiper, swiperSlide } from 'vue-awesome-swiper

else if you use vue-awesome-swiper@4.x, the correct code is:

import { Swiper, SwiperSlide } from 'vue-awesome-swiper

pay attention to the capitalize，s <-> S

[AndrewBogdanovTSS]

Vue Awesome Swiper readme was updated with instructions for targeting different versions of Swiper.js