vue中页面跳转的方式有哪些

时间:2022-12-06 01:56

在vue中实现页面跳转的方式有:1.使用a标签跳转;2.使用this.$router.push()函数跳转;3.使用router-link标签跳转;

vue中页面跳转的方式有哪些

在vue中实现页面跳转的方式有以下几种

1.使用a标签跳转

<ahref="https://www.baidu.com"><button>点击跳转</button></a>

2.使用this.$router.push()函数跳转

<template>

<divid='test'>

<button@click='goTo()'>点击跳转</button>

</div>

</template>

<script>

exportdefault{

name:'test',

methods:{

goTo(){

this.$router.push('/testDemo');

3.使用router-link标签跳转

<router-link:to="{path:'testDemo',query:{setid:123456}}">

<button>点击跳转</button>

</router-link>


标签:
随便看看
本类推荐
本类排行
热门标签

我国国家通讯社行不行啊细狗新年贺词祝福语2023年祝福语新年新年贺词新年贺词祝福语居家抗病毒小药箱除夕高速免费吗2022年除夕高速免费吗春联春联句子大全春联句子大全七字年夜饭十二道菜年夜饭十二道菜单年夜饭吃什么年夜饭吃什么菜吃年夜饭的寓意年夜饭黑芝麻菊花茶晒菊花茶腌腊肉送妈妈生日礼物汉白玉送闺蜜水钻送女人礼物爸爸生日送礼物送老公