Привет, я использую turbolinks 5 и vue js с webpacker. Когда я захожу по ссылке, turbolinks загружает только часть содержимого моих компонентов, но другие не работают.Это происходит, когда я возвращаюсь и снова захожу по ссылке.
Любая помощь.
Это мой код моего vue js
import Vue from 'vue/dist/vue.esm';
import SilabusApp from 'components/silabus/app';
import VeeValidate from 'vee-validate';
import BootstrapVue from 'bootstrap-vue';
import 'bootstrap-vue/dist/bootstrap-vue.css';
import Autocomplete from 'v-autocomplete'
// You need a specific loader for CSS files like https://github.com/webpack/css-loader
import 'v-autocomplete/dist/v-autocomplete.css'
import TurbolinksAdapter from 'vue-turbolinks';
// Configuracion de validaciones en español
const VueValidationEs = require('vee-validate/dist/locale/es');
Vue.use(VeeValidate,{
locale: 'es',
dictionary: {
es: VueValidationEs
}
});
Vue.use(Autocomplete);
Vue.use(BootstrapVue);
Vue.use(TurbolinksAdapter);
document.addEventListener('turbolinks:load', () => {
var element= document.getElementById("silabus-app-view");
if (element!=null) {
var vueapp = new Vue({ el: element,
components: { 'silabus-app-view': SilabusApp} });
}
});
И в моем html.erb
<div id="silabus-app-view">
<silabus-app-view
:read_only_silabus = false
id_syllabus_program="<%= params[:id] %>"
ref="first"
url_to_be_approve="<%= send_to_approve_syllabus_path(params[:id]) %>"
state_syllabus="<%= @syllabus_program.state %>" >
</silabus-app-view>
</div>
<%= stylesheet_pack_tag 'silabus/app' %>
<%= javascript_pack_tag 'silabus/app' %>
Если я отключаю турболинки ссылок, эти компоненты загружают корректность, но при этом обновляются все страницы.