dou31797719 2018-08-30 10:22
浏览 436
已采纳

vue路由器组件变量undefined

hello im using router in my php page content tabs, when i first time enter the route variables undefined and change the route go back it works, when i enter from url same as not defined variable shows in vue dev extension?

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');

Template script

<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条回答 默认 最新

  • duankanjian4642 2018-09-04 11:46
    关注

    It's undefined because the properties on the window object are not being set.

    Instead, you could move the

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

    So it is within the HTML <head>. This will then set the properties and values before Vue starts up.

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥100 Jenkins自动化部署—悬赏100元
  • ¥15 关于#python#的问题:求帮写python代码
  • ¥20 MATLAB画图图形出现上下震荡的线条
  • ¥15 关于#windows#的问题:怎么用WIN 11系统的电脑 克隆WIN NT3.51-4.0系统的硬盘
  • ¥15 perl MISA分析p3_in脚本出错
  • ¥15 k8s部署jupyterlab,jupyterlab保存不了文件
  • ¥15 ubuntu虚拟机打包apk错误
  • ¥199 rust编程架构设计的方案 有偿
  • ¥15 回答4f系统的像差计算
  • ¥15 java如何提取出pdf里的文字?