vue声明式跳转
时间: 2023-07-04 19:18:35 浏览: 99
vue实现输入框自动跳转功能
在 Vue 中,通过声明式导航来实现路由的跳转,需要使用 `router-link` 组件,它会自动渲染成一个 `<a>` 标签,点击后会触发路由跳转。
`router-link` 组件的基本用法如下:
```
<router-link to="/home">Home</router-link>
```
其中,`to` 属性指定要跳转的路由路径。
如果需要传递参数,可以在 `to` 属性中使用对象来指定路径和参数。例如:
```
<router-link :to="{ name: 'user', params: { id: 123 }}">User</router-link>
```
在这个例子中,`name` 属性指定了要跳转到的路由名称,`params` 属性指定了要传递的参数。
除了使用 `<router-link>` 组件外,还可以使用 `$router.push()` 方法来编程式地实现路由跳转。例如:
```
this.$router.push('/home')
```
其中,`$router` 是 Vue Router 实例,可以通过 `this.$router` 来访问。
阅读全文