переменная компонента vue router неопределена - PullRequest
Новая
       9

переменная компонента vue router неопределена

0 голосов
/ 30 августа 2018

привет, я использую роутер на вкладках содержимого моей страницы php, когда я впервые ввожу переменные маршрута неопределенные и изменяю маршрут, возвращаюсь, он работает, когда я ввожу с URL-адреса то же самое, что не определенная переменная показывает в расширении vue dev?

app.js 

const routes = [
  {
    path: '/',
    component: infotab,
    name: 'Info'
  },
  { path: '/characters', component: charactertab, name: 'home' },
  { path: '/watch', component: watchtab },
  { path: '/downloads', component: downloadtab }
]

const router = new VueRouter({
  routes,
});

var tabb = new Vue({
 router,
 el: "#app",
}).$mount('#app');

Шаблон скрипта 

<script>
export default {
  data () {
    return {
      details: window.infos,
      characters: window.characters,
      episodes: window.episodes,
    }
  }
}
</script>

single.blade.php 

              <div data-v-20e267b2="" data-v-aaf71b06="" class="overview">
                <router-view></router-view>
              </div>
           </div>
<script>
window.infos = {!! json_encode($response) !!};
window.characters = {!! json_encode($apicharacters) !!};
window.episodes = {!! json_encode($episodes) !!};
</script>

1 Ответ

0 голосов
/ 04 сентября 2018

Не определено, поскольку свойства объекта window не установлены.

Вместо этого вы можете переместить 

<script>
window.infos = {!! json_encode($response) !!};
window.characters = {!! json_encode($apicharacters) !!};
window.episodes = {!! json_encode($episodes) !!};
</script>

Так что это в HTML <head>. Затем будут установлены свойства и значения до запуска Vue.

...