router-link 返回上页 和 新窗口打开链接
2024-10-11 13:49:45
1、如果使用了Vue-router的话,就可以用
this.$router.go(-1)
实现返回;
2、如果没使用vue-router,就可以用
window.history.go(-1)
实现返回效果。
可以 定义方法 @click="goback"
methods:{
goback(){
this.$router.go(-);//返回上一页
}
}
也可直接简写:
@click="$router.back(-1)"
跳转链接到新页面:
在template
中,直接给它加上target='_blank'
属性即可,反正最终它也会被解释为一个 a标签
<router-link :to="{path: '/footer'}" target="_blank" tag="a">
footer
</router-link>
"tag" 属 性 :具有 tag 属性的 router-link 会被渲染成相应的标签
编程式: 我们常用的是 $router.push 和 $router.go 但是 vue2.0以后,这种方式就不支持新窗口打开的属性了,
这个时候就需要使用this.$router.resolve,如下:
goNewPage(){
let routeUrl = this.$router.resolve({
path: "/newPage",
query: {name:' 小明'}
})
window.open(routeUrl .href, '_blank')
}
最新文章
- Fragment基础----生命周期
- H5 使用
- C++中using的作用
- loadrunner怎么将变量保存到参数中
- sql float 转换为 nvarchar
- Asp.net MVC 中超链接的三个方法及比较
- 读取Cookie及Cookie所有属性操作方法
- JavaWeb限流QPS简易框架
- DevExpress ASP.NET 使用经验谈(9)-Dev控件客户端事件 ClientSideEvents
- Hibernate Session &; Transaction详解
- MySQL(二)之服务管理与初始化文件修改和连接MySQL
- POJ1741
- 11.2.0.1单实例DGduplicate过程
- Dockerfile常用指令
- Sublime Text3搭建PHP开发环境
- Hierarchical softmax(分层softmax)简单描述.
- [Socket]Socket聊天小程序
- js运算符的一些特殊应用
- IDEA 导出项目war包
- MySQL 5.7.16 字符串拆分 ->; 单列变多行记录(转发)