vue3 route.push Cannot read properties of undefined (reading 'push')
时间: 2023-08-25 16:04:39 浏览: 156
通过vite3+Vue,以及ar.js实现webAR手机端展示。
这个错误通常是因为在使用 `route.push` 之前没有正确地引入 `router` 对象。确保在使用 `route.push` 之前已经正确地设置了路由配置和引入了 `router` 对象。
以下是一个示例,展示了如何正确地设置路由和使用 `route.push`:
```javascript
// main.js
import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
createApp(App).use(router).mount('#app')
// router.js
import { createRouter, createWebHistory } from 'vue-router'
import Home from './views/Home.vue'
import About from './views/About.vue'
const routes = [
{ path: '/', component: Home },
{ path: '/about', component: About }
]
const router = createRouter({
history: createWebHistory(),
routes
})
export default router
// 在组件中使用 route.push
export default {
methods: {
goToAboutPage() {
this.$router.push('/about')
}
}
}
```
请确保按照上述示例正确设置了路由配置和引入了 `router` 对象,这样就可以使用 `route.push` 方法了。
阅读全文