search

Home  >  Q&A  >  body text

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文件?

伊谢尔伦伊谢尔伦2835 days ago716

reply all(1)I'll reply

  • 天蓬老师

    天蓬老师2017-04-11 12:03:18

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

    reply
    0
  • Cancelreply