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

Vue 跳转新页面

程序员文章站 2022-05-14 09:28:22
...

介绍

vue 当中,通过 @click 点击事件实现不同方式的页面跳转; 这里主要介绍三种~~~
1. 不覆盖当前页面的跳转,(在新窗口中打开页面)

<div>
	<button type="button" @click="newPage">新窗口打开</button>
</div>
methods:{
	newPage() {
		window.open("https://www.baidu.com","_blank")
	}
}

2. 覆盖当前页面(在当前窗口打开)

<div>
	<button type="button" @click="newPage">当前窗口打开</button>
</div>
methods:{
	newPage() {
		window.location.href="https://www.baidu.com"
	}
}

2. 页面内部跳转
使用this.$router.push() 实现

相关标签: Vue vue