鍍金池/ 問答/HTML/ weex 1.3.11 使用vue-router實在弄不明白了。

weex 1.3.11 使用vue-router實在弄不明白了。

經(jīng)過了兩天的折騰,終于還是沒有搞定。麻煩各位大咖幫忙瞧瞧

/src/entry.js

import Vue from 'vue';
import weex from 'weex-vue-render';

weex.init(Vue);

/src/index.vue

<script>
import App from './App.vue'
import router from './router.js'

App.el = '#root'
App.router = router

// new Vue(Vue.util.extend({ router }, app))
new Vue(App)
</script>

/src/App.vue

<template>
    <div class="main_body">
        <!-- 頁面內(nèi)容 -->
        <rout-view id = 'page_root' class = 'mian_view' @click = 'go'>
        </rout-view>
        <tab_bar />
    </div>
</template>

<script>
import tab_bar from './../components/common/tab_bar.vue'

import router from './router.js'
export default {
    components: {
        tab_bar,
    },
    router: router,
    methods: {
        go(event) {
            console.log('go')
            this.$router.push('/home')
        },
    }
}
</script>

/src/router.js

import Vue from 'vue'
import VueRouter from 'vue-router'

import home from './page/home.vue'
import take_stock from './page/take_stock.vue'

Vue.use(VueRouter)

export default new VueRouter ({
    el: '#page_root',
    routers: [
        {
            path: '/home',
            // name: 'home',
            component: home,
        }, {
            path: '/take_stock',
            // name: 'take_stock',
            component: take_stock
        }
    ]
})

在web上沒有任何反應(yīng),在android模擬器上會出現(xiàn): render error: -2013

回答
編輯回答
安若晴

路由不是在入口文件已經(jīng)引好了嗎?
就是你生成項目的時候選擇帶vuerouter的

2017年11月21日 17:27
編輯回答
魚梓
import home from '@/page/home.vue'
import take_stock from '@/page/take_stock.vue'

使用@代替相對路徑

2018年6月12日 19:16