router.push funktioniert nicht – Stapelüberlauf

Question

Vue aus „vue“ importieren
App aus „./App“ importieren
VueRouter aus „./router“ importieren

Vue.config.produktionTip = false

VueRouter.push('/goods')

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

Hier ist VueRouter.push('/goods') gültig

Vue von 'vue' importieren
Router von 'vue-router' importieren
Waren importieren von '../components/goods/goods'
Verkäufer importieren von '../components/seller/seller'
Bewertungen importieren von '. ./components/ratings/ratings'

Vue.use(Router)

/ eslint-disable no-new /
const Routen = [
{ Pfad: '/seller', Komponente: Verkäufer },
{ Pfad: '/ratings', Komponente: Bewertungen },
{ Pfad: '/ Waren', Komponente: Waren }
]

Router.push('/goods')

Standardneuen Router exportieren ({
Routen
})

Der .push hier ist ungültig
Ich verstehe das Problem hier nicht ganz

Answer 1

下面那个改成routes.push

Answer 2

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

Answer 3

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