首页 > 开发 > HTML > 正文

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

2017-09-09 13:31:16  来源: 网友分享

前端使用的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文件?

解决方案

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