欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

v3中路由跳转的三种方式

程序员文章站 2022-05-18 15:30:03
...

router-link

<router-link to="/login">去登录</router-link>

传统跳转

<template>
	<el-button @click="goHome">回首页</el-button>
</template>

<script>
export default{
	name:'login',
  methods:{
    goHome(){
      this.$router.push('/welcome')
    }
  }
}
</script>

Composition API跳转

<script setup>
import { useRouter } from 'vue-router'
let router = useRouter()
const goHome = ()=>{
  router.push('/welcome')
}
</script>