时间:2022-12-06 01:56
在vue中实现页面跳转的方式有:1.使用a标签跳转;2.使用this.$router.push()函数跳转;3.使用router-link标签跳转;
在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>