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路由跳转新页面