vue路由器組件變量未定義

Question

你好，我在我的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>

Answer 1

由於未設置window對象的屬性，因此未定義。

相反，您可以移動

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

因此它在HTML <head> 。 然后，這將在Vue啟動之前設置屬性和值。

vue路由器組件變量未定義

問題描述

1 個解決方案

解決方案1
0 已采納 2018-09-04 11:46:01

vue路由器組件變量未定義

問題描述

1 個解決方案

解決方案1 0 已采納 2018-09-04 11:46:01

解決方案1
0 已采納 2018-09-04 11:46:01