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

問題解答

下面那個改成routes.push

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

Router.push(’/goods’)的調用必須在路由配置成功，并在需要的頁面中引用之后，才可以調用。題主你路由輸出的是routes，故須在需要使用路由的地方引入，即 import routes from ’/路由配置文件’，最后才可在引入路由之后的頁面中使用相關的api