Vue-awesome-swiper: controller not work ssr mode

[kooshkestani]

Hi I used nuxt js and use example (https://github.com/surmon-china/vue-awesome-swiper/blob/master/examples/31-thumbs-gallery-loop.vue) in project but not work in ssr mode

~~
this.$nextTick(() => {
const swiperTop = this.$refs.swiperTop;
const swiperThumbs = this.$refs.swiperThumbs;
swiperTop.controller.control = swiperThumbs
swiperThumbs.controller.control = swiperTop
})
~~

Error:

CANNOT SET PROPERTY 'CONTROL' OF UNDEFINED

Hope this helps!

[kooshkestani]

[kooshkestani]

Soleved:
Use:
v-swiper:mySwipper1
and
v-swiper:mySwipper2

[lusianaharyanti]

hello @kooshkestani where add mySwipper1? changing swiperTop or what?

[pablosnwg]

Hi. had same issue when i try to get controls from swiper.
I solved it by uninstalling latest version of "swiper" from npm (in package.json file, was isntaled "swiper": "^6....",).
Then installed older version of "swiper" by "npm i [email protected]".
PS. current version of "vue-awesome-swiper": "^4.1.1",
Maybe it helps for you

[songbaizhi]

@pablosnwg 很感谢你