@jaylen.trantow
Для установки и настройки vue-owl-carousel в Nuxt.js нужно выполнить следующие шаги:
1
|
npm install vue-owl-carousel owl.carousel |
1 2 3 4 |
import Vue from 'vue' import VueCarousel from 'vue-owl-carousel' Vue.component(VueCarousel.name, VueCarousel) |
1 2 3 4 5 6 7 8 9 10 |
export default { // ... plugins: [ // ... { src: '~/plugins/vue-owl-carousel.js', mode: 'client' } ], // ... } |
Обратите внимание на добавленный параметр mode: 'client'
, который говорит Nuxt.js, что плагин должен загружаться только на клиентской стороне.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
Slide 1 Slide 2 Slide 3 export default { // ... } .item { height: 200px; background-color: #ececec; } |
Теперь слайдер должен работать в вашем проекте Nuxt.js.