c# - router.pushが機能しない

Question

'vue' から Vue をインポート
'./App' からアプリをインポート
'./router' から VueRouter をインポート

Vue.config.productionTip = false

VueRouter.push('/goods')

/

eslint-disable no-new /new Vue({
el: '#app',
ルーター: VueRouter,
テンプレート: '<App />',
コンポーネント: { アプリ }
})

ここでは VueRouter.push('/goods') が有効です

'vue' から Vue をインポート

'vue-router' からルーターをインポート
'../components/goods/goods' から商品をインポート
'../components/seller/ から販売者をインポート販売者'
'../components/評価/評価'
から評価をインポートします

Vue.use(ルーター)

/

eslint-disable no-new /const Routes = [
{ パス: '/seller', コンポーネント: 販売者 },
{ パス: '/評価' 、コンポーネント: 評価 },
{ パス: '/goods'、コンポーネント: 商品 }
]

Router.push('/goods')

デフォルトの新しいルーターをエクスポート({

ルート
})

ここの .push は無効です

ここの問題がよくわかりません

Answer 1

以下をroutes.pushに変更します

Answer 2

以下をroutes.push({path:'/goods'})に変更します

Answer 3

Router.push('/goods') は、ルートが正常に設定され、必要なページで参照された後にのみ呼び出すことができます。問題は、ルートはルートを出力するため、ルートを使用する必要がある場所にルートをインポートする必要があることです。つまり、「/routing 構成ファイル」からルートをインポートする必要があります。最後に、ルートが導入された後、ページで関連する API を使用できるようになります。