c++ - router.push ne fonctionne pas

Question

importer Vue depuis 'vue'
importer l'application depuis './App'
importer VueRouter depuis './router'

Vue.config.productionTip = false

VueRouter.push('/goods')

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

Ici VueRouter.push('/goods') est valide

importer Vue depuis 'vue'
importer un routeur depuis 'vue-router'
importer des marchandises depuis '../components/goods/goods'
importer un vendeur depuis '../components/seller/seller'
importer des notes depuis '. ./composants/notes/notes'

Vue.use (Routeur)

/ eslint-disable no-new /
const routes = [
{ chemin : '/seller', composant : vendeur },
{ chemin : '/ratings', composant : évaluations },
{ chemin : '/ marchandises', composant : marchandises }
]

Router.push('/goods')

exporter le nouveau routeur par défaut ({
routes
})

Le .push ici n'est pas valide
Je ne comprends pas très bien le problème ici

Answer 1

Changez celui ci-dessous en routes.push

Answer 2

Changez celui ci-dessous en routes.push({path:'/goods'})

Answer 3

Router.push('/goods') ne peut être appelé qu'une fois la route configurée et référencée avec succès dans la page requise. La question est la suivante : votre route génère des routes, vous devez donc importer les routes là où vous devez les utiliser, c'est-à-dire importer les routes à partir du "/fichier de configuration de routage". Enfin, vous pouvez utiliser l'API appropriée dans la page après l'introduction des routes.