Vuejs Карусель и Слайдеры не работают при переходе на другие маршруты - PullRequest
Новая
       92

Vuejs Карусель и Слайдеры не работают при переходе на другие маршруты

0 голосов
/ 03 мая 2020

Я использую laravel blade для загрузки css и javascript для карусели. Проблема заключается в том, что, когда я переходил на страницу о том, чтобы вернуться на домашнюю страницу, карусель и ползунок не работали. В целом, это работает, когда я обновляю sh страницу на главной странице.

Это карусель из галереи. vue Шаблон 

                    <div class="owl-carousel galeries-carousel" id="galeriesCarousel">
                        <div class="item">
                            <figure class="effect-jumbo">
                                <img alt="" src="assets/img/content/thumb1.jpg">
                                <figcaption>
                                    <h2>1 may, 2020</h2>
                                    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam</p>
                                    <a href="home1.html#" class="button btn-link">more</a>
                                    <ul class="icons">
                                        <li><a href="home1.html#"><i class="fa fa-share"></i></a></li>
                                        <li><a href="home1.html#"><i class="fa fa-paperclip"></i></a></li>
                                        <li><a href="home1.html#"><i class="fa fa-heart"></i></a></li>
                                    </ul>
                                </figcaption>
                            </figure>
                        </div> 
                 </div>


**Here is the routes**


import Vue from "vue";
import VueRouter from "vue-router"; 


Vue.use(VueRouter);

const routes=[
    {   path:'/',
        name:'home',
        component:() => import("../views/Home"),

    },
    {   path:'/about',
        name:'about',
        component:() => import("../views/About"),

    }
];


Your help is greatly appreciated. Thank you in advanced
...