使用带有weex的vue路由器

Question

我似乎无法让vue路由器与Weex一起工作。似乎也没有太多的教程或好的例子。

我使用了Weex的预打包设置，它安装了vue路由器，但似乎不起作用。

<template>
<div class="wrapper">
<h2>Hello</h2>
<text @click="jump">Categories</text>
<Home/>
</div>
</template>
<script>
import Home from '@/components/Home'
import router from '@/router.js'
export default {
name: 'App',
components: {
Home
},
data () {
return {
logo: 'https://gw.alicdn.com/tfs/TB1yopEdgoQMeJjy1XaXXcSsFXa-640-302.png'
}
},
methods: {
jump () {
router.push('/categories')
alert('categories')
}
}
}
</script>

这是router.js文件

/* global Vue 
rounter.js
*/
import Router from 'vue-router'
import Home from '@/components/Home'
import Categories from '@/components/Categories'

Vue.use(Router)
module.exports = new Router({
// mode: 'abstract',
routes: [
{
path: '/',
name: 'Home',
component: Home
},
{
path: '/categories',
component: Categories,
meta: {
title: 'Categories'
}
}
]
})

Answer 1

在Weex上，您需要：

1. 保持为mode: abstract
2. 手动转到路线，例如输入文件中的router.push('/')