An error occurred while rolling vue-awesome-swiper horizontally,
Tutorial: https://github.com/cynthiawupore/vue-awesome-swiper
Instance:
<Template> <div class = "index"> <swiper: options = "swiperOption" class = "swiper-box" ref = "mySwiper"> <swiper-slide class = "swiper-item"> </swiper-slide> <swiper-slide class =" swiper-item "> </swiper-slide> </swiper> </div> </template> <script> import Vue from 'vue 'import {swiper, swiperSlide} from 'vue-awesome-swiper 'require ('swiper/dist/css/swiper.css') // note that export default {name: 'index', components: {swiper, swiperSlide}, data () {return {swiperOption: {notNextTick: true, loop: true, initialSlide: 0, autoplay: 3000, direction: 'horizontal ', grabCursor: true, onSlideChangeEnd: swiper =>{}}}, computed: {swiper () {return this. $ refs. mySwiper. swiper }}, mounted () {this. swiper. s0000eto (0, 0, false) ;}</script>