溫馨提示×

vue中頁面跳轉的方式有哪些

養(yǎng)魚的貓咪
443
2021-03-29 14:52:22
欄目: 編程語言

在vue中實現(xiàn)頁面跳轉的方式有：1.使用a標簽跳轉；2.使用this.$router.push()函數(shù)跳轉；3.使用router-link標簽跳轉；

vue中頁面跳轉的方式有哪些

在vue中實現(xiàn)頁面跳轉的方式有以下幾種

1.使用a標簽跳轉

<a href="https://www.baidu.com"><button>點擊跳轉</button></a>

2.使用this.$router.push()函數(shù)跳轉

<template>
 <div id='test'>
 <button @click='goTo()'>點擊跳轉</button>
 </div>
</template>
<script>
 export default{
 name:'test',
 methods:{
 goTo(){
 this.$router.push('/testDemo');

3.使用router-link標簽跳轉

<router-link :to="{path:'testDemo',query:{setid:123456}}">
 <button>點擊跳轉</button>
</router-link>


0 踩