vue跳转页面(vue有三种不同方式实现页面跳转)
作者:百科火 更新 :2022-03-10 11:00:31 科技百科
vue如何跳转页面?不知小伙伴们来看看小编今天的分享吧!
vue实现页面跳转的方式有三种不同。
方法一:Vue:router-lin
<router-link to="/">[跳转到主页]</router-link>
<router-link to="/login">[登录]</router-link>
<router-link to="/logout">[登出]</router-link>
方法二:this.$router.push("/");
<button @click="goHome">[跳转到主页]</button>
export default {
name: "App",
methods: {
// 跳转页面法
goHome() {
this.$router.push("/");
},
}
方法三:this.$router.go(1);
<button @click="upPage">[上一页]</button>
<button @click="downPage">[下一页]</button>
upPage() {
// 后退记录相当于 history.back()
this.$router.go(-1);
},
downPage() {
// 在浏览器记录中进一步前进,相当于 history.forward()
this.$router.go(1);
}
代码示例:
<template>
<div id="app">
<img src="./assets/logo.png">
<router-view/>
<router-link to="/">[跳转到主页]</router-link>
<router-link to="/login">[登录]</router-link>
<router-link to="/logout">[登出]</router-link>
<!-- javascript跳转页面 -->
<button @click="goHome">[跳转到主页]</button>
<!-- 回到上一页 -->
<button @click="upPage">[上一页]</button>
<button @click="downPage">[下一页]</button>
<!-- 回到下一页 -->
</div>
</template>
<script>
export default {
name: "App",
methods: {
// 跳转页面法
goHome() {
this.$router.push("/");
},
upPage() {
// 后退记录相当于 history.back()
this.$router.go(-1);
},
downPage() {
// 在浏览器记录中进一步前进,相当于 history.forward()
this.$router.go(1);
}
}
};
</script>
以上是小编今天的分享。我希望它能帮助你。
- END -
签字笔是什么笔?
签字笔是指专门用于签字或签样的笔,包括水性和油性签字笔。以前用钢笔,现逐渐由中性笔代替,因此这些笔统称为签字笔。...
蓝色代表什么心情(蓝色代表什么意思情绪_孕育常识_亲子宝典库)
蓝色(Blue),是一种冷色调颜色,在电磁波的可见光中它的频率较高(仅次于紫光),频率600~700THz(对应空气中波长500~430nm),...
太行山在哪里(太行山位于中国河北平原与山西高原之间,跨越北京、河北、山西、)
太行山在哪里,中国河北平原和山西高原之间。太行山跨越北京、河北、山西、河南四省,山脉呈东北—西南走向,北起北京西...
卡密(“卡密”源自于日语”)
“卡密”源自于日语“かみ”,意思是“神、神明、神灵”,它的罗马音是“kami”,音译成中文就是“卡密”, 现在被指代在...
替换快捷键ctrl加什么
替换快捷键ctrl加什么,在电脑里,替换的快捷键是ctrl加H,以word文档为例,替换的操作步骤:1、打开word文档后,同时按ctrl加...
计算机硬件系统由哪几部分组成
自第一台计算机ENIAC发明以来,计算机系统的技术已经得到了很大的发展,但计算机硬件系统的基本结构没有发生变化,那么...
黑龙江各市面积排名(黑龙江各市面积排名具体是什么)
黑龙江各市面积排名,黑龙江各市面积排名:1、大兴安岭地区,2、黑河市,3、哈尔滨市4、齐齐哈尔市,5、牡丹江市,6、绥化市,7...
左倾右倾(左倾是指政治上追求进步、同情劳动人民的倾向)
左倾是指政治上追求进步、同情劳动人民的倾向。右倾是指政治思想上,认识落后于实际,不能随变化了的客观情况变化、前...
16升是几斤(民间有一种以“升”为计量单位的方法)
因为1升水的容积等于1000毫升,而1000毫升等于两斤,所以16升等于32斤。民间有一种以“升”为计量单位的方法,过去人在...
一架民航客机多少钱(民航用的客机价格在5000)
民航用的客机价格在5000-24000万美元。客机广义即民用飞机。民用飞机是指一切非军事用途的飞机。民用飞机也称民航...