турболинки без нагрузки - PullRequest
Новая
       26

турболинки без нагрузки

0 голосов
/ 13 ноября 2018

Привет, я использую 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' %>

Если я отключаю турболинки ссылок, эти компоненты загружают корректность, но при этом обновляются все страницы.

...