2 слайда на домашней странице, и Revolution PLugin нужно запускать только для этого компонента. Я делюсь кодом только для одного слайда, чтобы упростить задачу.
Для частичной работы я загрузил файлы ползунка вращения js в начало индексного файла.
<script type="text/javascript" src="/revolution/js/jquery.themepunch.tools.min.js"></script>
<script type="text/javascript" src="/revolution/js/jquery.themepunch.revolution.min.js"></script>
Затем я загружаю JS, необходимый для загрузки ползунков в конце индексного файла непосредственно перед закрывающим тегом тела. Этот слайд загружается только в том случае, если домашняя страница изначально загружена для Vue Если я отошел от домашней страницы, а затем вернулся, слайды не загружаются снова.
jQuery("#rev_slider_1_1").show().revolution({
// slider options ...
});
</body>
Я попытался переместить этот код в домашний компонент в смонтированном свойстве.
mounted () {
this.$nextTick( function() {
jQuery("#rev_slider_1_1").show().revolution({
// slider options ...
});
});
}
Когда я делаю это, я получаю революцию, а не функцию
TypeError: jQuery(...).show(...).revolution is not a function
В конце мне нужно иметь возможность перейти на домашнюю страницу из моего приложения Vue и загружать ползунки без полной загрузка страницы.