vue 打开新的标签页

最新推荐文章于 2024-06-18 16:56:16 发布
最新推荐文章于 2024-06-18 16:56:16 发布
阅读量1.3k 收藏
点赞数
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44866917/article/details/132690785
版权
该代码片段展示了在Vue应用中，如何通过`$router.resolve`获取路径和查询参数，然后使用`window.open`在新标签页打开详情页，同时涉及到`localStorage`存储和MD5加密登录Token的过程。
摘要由CSDN通过智能技术生成 
Click() {

           let newBiaoQianYe = this.$router.resolve({
               path: '/home/detail',
               query: {
                     id:this.initServiceInfo?.presoid,
                     edit:1,
                     auth: md5(LocalStorage.get(Constants.LOGIN_TOKEN))
                     }
                })
            // 跳转新标签页
            window.open(newBiaoQianYe.href, '_blank');

        },

呼哈哈
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue新打开一个页签
jieweiwujie的博客
05-31 1625
新打开一个页签
vue-router 在新窗口打开页面
前端知识分享喵
05-04 5016
Vue 属于单页面应用，而单页面应用中“路由”是在客户端执行的。客户端的 JavaScript 可以拦截页面的跳转请求，动态获取新的数据，然后在无需重新加载的情况下更新当前页面。这样通常可以带来更顺滑的用户体验，尤其是在更偏向“应用”的场景下，因为这类场景下用户通常会在很长的一段时间中做出多次交互。
Vue + Elementui实现多标签页共存的方法
10-16
主要介绍了Vue + Elementui实现多标签页共存的方法，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
vue3 使用路由进行跳转打开新的标签页
Leijiang0504的博客
04-08 1643
【代码】vue3 使用路由进行跳转打开新的标签页。
如果通过路由打开新的标签页
最新发布
this__valve的博客
06-18 413
【代码】如果通过路由打开新的标签页。
vue打开新的标签页
weixin_43837680的博客
06-06 5568
vue打开新的标签页
Vue中Router跳转打开新标签页
qq_54140719的博客
03-10 3567
使用router.resolve打开新标签页
vue 跳转页面打开浏览器新窗口或者打开新标签
Z18834071903的博客
04-25 2111
vue 跳转页面打开浏览器新窗口或者打开新标签
vue中新打开一个标签页面
weixin_44766633的博客
11-18 3103
普通跳转（跳转的是路由） const {href} = this.$router.resolve({ name: "newDate",//这里是跳转页面的name query:{//要传的参数 floor_id:this.floor_id } }); window.open(href, '_blank');//打开新的窗口 跳转新的网页
【vue】点击使用新标签打开页面（跳转）
IU
07-07 1942
这是我封装的函数 可以使用 也可以改进 goBrandDetail(id) { let routeUrl = this.$router.resolve({ path: "/brand", query: { brand_id: id }, }); window.open(routeUrl.href, "_blank"); },
简述vue路由打开一个新的窗口的方法
10-17
对于这样的需求，Vue Router提供了一种编程式导航的方式，我们可以利用其API实现打开新窗口的功能。 一、Vue Router的基础知识 Vue Router允许我们定义应用中可能有的各种视图所对应的URL。使用路由对象来管理整个...
Vue中在新窗口打开页面及Vue-router的使用
08-27
主要介绍了Vue中在新窗口打开页面 及 Vue-router的使用,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
vue-router实现tab标签页（单页面）详解
08-29
Vue Router 实现 Tab 标签页（单页面）详解 Vue Router 是 Vue.js 官方的路由插件，适合用于构建标签页应用。Vue 的标签页应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来，vue-router 会把...
vue单页面应用打开新窗口显示跳转页面的实例
10-17
`window.open`函数用于打开一个新的浏览器窗口或者标签，其接受三个参数：要打开的URL、窗口名称以及窗口特征字符串。 首先，我们需要获取我们要跳转的路由的完整URL。这可以通过`this.$router.resolve`方法实现，...
Vue 跳转到新的标签页 在新的窗口打开页面 可传参
热门推荐
weixin_49098968的博客
08-01 1万+
Vue单页面实现跳转到新的标签页
vue中使用路由，在新的标签页打开页面
weixin_44378370的博客
04-17 646
【代码】vue中使用路由，在新的标签页打开页面。
vue项目点击左侧子菜单，打开一个新的浏览器标签页
二三的博客
11-27 6828
在项目开发中，产品给了这样一个需求：点击左侧子菜单，在浏览器中打开一个新的标签页，展示数据大屏。在此写个随笔记录下实现过程。 思路：使用编程式导航 实现页面跳转，我们常用的是 $router.push 和 $router.go，但是Vue2.0以后，这种方式不支持新窗口的打开属性了，所以这个时候可以使用this.router.go，但是Vue2.0以后，这种方式不支持新窗口的打开属性了，所以这个时候可以使用this.router.go，但是Vue2.0以后，这种方式不支持新窗口的打开属性了，所以这..
VUE浏览器打开新的标签页
quqiangnihao的博客
07-19 7445
let routes = this.$router.resolve({ name: "JumpOutSCM202", query: { productId: productId } }); window.open(routes.href, "_blank");
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值