首頁  >  問答  >  主體

javascript - router.push無效

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無效
不是很明白這裡的問題

高洛峰高洛峰2696 天前702

全部回覆(3)我來回復

  • phpcn_u1582

    phpcn_u15822017-06-26 10:55:18

    下面那個改成routes.push

    回覆
    0
  • 仅有的幸福

    仅有的幸福2017-06-26 10:55:18

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

    回覆
    0
  • 天蓬老师

    天蓬老师2017-06-26 10:55:18

    Router.push('/goods')的呼叫必須在路由配置成功,並在需要的頁面中引用之後,才可以呼叫。題主你路由輸出的是routes,故須在需要使用路由的地方引入,即 import routes from '/路由設定檔',最後才可在引入路由之後的頁面中使用相關的api

    回覆
    0
  • 取消回覆