Vue Router push方法的使用
Vue Router push方法的使用
this.$router.push
是 Vue Router 提供的一个方法,用于在 Vue.js 应用中进行编程式导航。它的作用是将用户导航到应用中的不同路由。
基本作用
this.$router.push
方法会在浏览器历史记录中添加一个新的记录,并导航到指定的路由。它的工作方式类似于点击一个 <router-link>
组件,或者在浏览器中手动输入 URL 后点击回车。
使用示例
以下是一些使用 this.$router.push
的示例:
1. 简单导航
假设你在一个组件中想要导航到路径 /about
:
<template>
<div>
<button @click="goToAbout">Go to About</button>
</div>
</template>
<script>
export default {
methods: {
goToAbout() {