javascript - weex中,使用router-view之后,在playground中打开变空白了
天蓬老师
天蓬老师 2017-04-11 12:25:24
[JavaScript讨论组]

3月5日新情况

将原来的router.js写法进行了修改,现在playground里面运行不会一片空白了,但是初始的router-view无法显示,只有在点击后路由跳转了才正常显示,请问是什么原因?

入口js

import Vue from 'vue';
import VueRouter from 'vue-router';
import App from './index.vue';

import index from './components/index.vue';
import index2 from './components/index2.vue';

Vue.use(VueRouter);//转载插件

Vue.config.silent = false;
Vue.config.devtools = true;

const router=new VueRouter({
    routes:[
        {
            path:'/',
            component: index
        },
        {
            path:'/a',
            component: index2
        }
    ]
});

new Vue(Vue.util.extend({ el: '#root', router}, App))

入口vue





weex debug结果

[undefined:6:43] ReferenceError: Can't find variable: window
anonymous
Dt@main.js:3:31709
main.js:7:1121

问题

一开始使用的是https://zhuanlan.zhihu.com/p/...的初始架构,在其基础上增加vue-router,但是一把router-view加进去在playground中跑就变成一片空白了

这是index.vue的代码




还有app.js的代码

import Vue from 'vue';
import VueRouter from 'vue-router';
import router from './routers';
import App from './index.vue'

Vue.use(VueRouter);//转载插件

Vue.config.silent = false;
Vue.config.devtools = true;

const route=new VueRouter({
    routes:router,
    base:__dirname
});

new Vue({
  el: '#root',
  router:route,
  render: h => h(App)
})

浏览器上面是可以跑的,路由切换也没问题,但是就是playground上面空白,请问是什么原因?

天蓬老师
天蓬老师

欢迎选择我的课程,让我们一起见证您的进步~~

全部回复(2)
大家讲道理

使用如下代码测试一下

new Vue(Vue.util.extend({
    el: '#root',
    router
}, App))
大家讲道理

问题都解决了,对于初始router-view的不显示,只要在初始页面的生命周期中添加跳转就好了,谢谢大家

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号