javascript - vue1.0 vue-router 0.7 页面加载问题

问题描述

问 题

前端使用的vue1.0+vue-router1.0,项目启动后，通过在地址栏输入url访问页面，第一遍加载的时候正常，但是第二遍加载就提示【vue.js:1141 [Vue warn]: Cannot find element: #app】，页面加载不进来，这个错误出现后，输入另外的url页面也提示该错误，需要关闭页面重新访问才行。

问题总结：一个页面只能加载一次，加载第二次就报错，错误信息【vue.js:1141 [Vue warn]: Cannot find element: #app】。请大神指引一个方向，非常感谢！！！
以下是路由的代码：

   // Vue.config.debug = false;
    //Vue.use(VueRouter);


    // var router = new VueRouter();
    var router = new VueRouter({
        hashbang: true,
        history: false, //html5模式 去掉锚点
        saveScrollPosition: false //记住页面的滚动位置 html5模式适用

    });
    router.map({
        '/': {
            component: forkliftList
        },
        '/forklift/forkliftAdd.html': {
            component: forkliftAdd
        },
        '/forklift/forkliftList.html': {
            component: forkliftList
        },
        '/forklift/driverAdd.html': {
            component: forkliftDriverAdd
        },
         '/forklift/forkliftLoggingList.html': {
            component: forkliftLoggingList
        },
         '/forklift/forkliftRunLogList.html': {
            component: forkliftRunLogList
        },
         '/forklift/driverList.html': {
            component: forkliftDriverList
        }

    });

    var AppComponent = Vue.extend({

        });
    router.start(AppComponent, '#app');

页面模板我全部写在一个html里面，不知道是否有其他的方式，抽取出来每个模块独立一个js文件？

解决方案

你把代码贴上来啊，兄弟，只给个报错信息有点难回答啊

这篇关于javascript - vue1.0 vue-router 0.7 页面加载问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！