setup怎么用$router.push
时间: 2023-06-29 22:18:26 浏览: 160
在 Vue.js 中,$router 是 Vue Router 实例,它提供了一些方法,其中之一是 $router.push。$router.push 方法会向历史记录添加一个新的条目,并且路由到一个新的 URL。
使用 $router.push 方法的基本语法如下:
```
this.$router.push(location, onComplete?, onAbort?)
```
其中,location 参数可以是一个字符串路径或一个描述地址的对象。onComplete 和 onAbort 参数是可选的回调函数,它们会在路由操作完成或被终止时执行。
下面是一个使用 $router.push 方法的示例,其中我们将用户重定向到名为 Home 的路由:
```
this.$router.push({ name: 'Home' })
```
或者可以使用路径:
```
this.$router.push('/home')
```
注意,在使用 $router.push 方法之前,需要先引入 Vue Router 并将其安装到 Vue 实例中。例如,在 main.js 中:
```
import Vue from 'vue'
import VueRouter from 'vue-router'
import App from './App.vue'
import routes from './routes'
Vue.use(VueRouter)
const router = new VueRouter({
routes // 简写,相当于 routes: routes
})
new Vue({
el: '#app',
router,
render: h => h(App)
})
```
这样,$router 就可以在 Vue 实例中使用了。
阅读全文