javascript - router.push无效
高洛峰
高洛峰 2017-06-26 10:53:18
0
3
717

import Vue from 'vue'
import App from './App'
import VueRouter from './router'

Vue.config.productionTip = false

VueRouter.push('/goods')

/ eslint-disable no-new /
new Vue({
el: '#app',
router: VueRouter,
template: '<App/>',
components: { App }
})

在这里VueRouter.push('/goods')是有效的

import Vue from 'vue'
import Router from 'vue-router'
import goods from '../components/goods/goods'
import seller from '../components/seller/seller'
import ratings from '../components/ratings/ratings'

Vue.use(Router)

/ eslint-disable no-new /
const routes = [
{ path: '/seller', component: seller },
{ path: '/ratings', component: ratings },
{ path: '/goods', component: goods }
]

Router.push('/goods')

export default new Router({
routes
})

在这里的.push无效
不是很明白这里的问题

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全部回复(3)
phpcn_u1582

下面那个改成routes.push

仅有的幸福

下面那个改成routes.push({path:'/goods'})

Peter_Zhu

Router.push('/goods')的调用必须在路由配置成功,并在需要的页面中引用之后,才可以调用。题主你路由输出的是routes,故须在需要使用路由的地方引入,即 import routes from '/路由配置文件',最后才可在引入路由之后的页面中使用相关的api

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板