vue 打开新窗口，并传值

最新推荐文章于 2024-08-17 02:46:32 发布

saturday-yh

最新推荐文章于 2024-08-17 02:46:32 发布

阅读量2.1k

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/qq_42092177/article/details/109044868

版权

vue 专栏收录该内容

39 篇文章 0 订阅

订阅专栏

直接上代码

openPage (e) {
      
     toUrl = this.$router.resolve({ path: '/imageView', query: { id: "1" } })
     
      window.open(toUrl.href, '_blank', `height=${h},width=${w},toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no`)

    },

window.open(toUrl.href, '_blank', `height=${h},width=${w},toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no`

这里面是新窗口一些配置，可以自行配置

接口参数

created () {
    const id = this.$route.query.id
    console.log('传值', id)
  },

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

saturday-yh

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

vue 跳转页面并且传值以及在新窗口打开页面的方法

tanfei_的博客

02-13

8535

vue 跳转页面并且传值以及在新窗口打开页面的方法第一步： vue跳转页面的时候要是不带自动生成路径的话，是需要自己配置页面的路由的在这里进行配置就可以，里面会有案例自己跟着配置就好第二步：配置完成后就可以进行跳转了，代码如下：跳转页面并且是新窗口打开 //这是第一种方式 <router-link target="_blank" :to="{path:'/***',query:{...

vue+element UI 跳转页面并传值

wzk2329的博客

01-27

4086

在html里面跳转： <template> //例子1 <el-table-column label="操作" align="center"> <template slot-scope="scope"> <el-button size="small" @click="$router.push({name:'bind_garden_list',query:{id:scope.row.id}})">查看已绑定小区</el-butt.

参与评论您还未登录，请先登录后发表或查看评论

Vue 中在新窗口打开页面并传参

weixin_37900200的博客

05-20

2896

需求：实现在新窗口中打开页面，并传递参数，该参数不能显示在地址栏中，除非手动关闭该新窗口，否则传递给页面的参数不能丢失。 //打开新窗口并传参，参数不能显示在地址栏里面，不关闭窗口一直刷新，参数一直有效 handleWindow() { var route = this.$router.resolve({ name: ‘Xterm’, }) //主要实现存储参数的功能 sessionStorage.setItem("ip", "1.1.1.1");

vue 跳转页面打开浏览器新窗口或者打开新标签

最新发布

weixin_42420393的博客

08-17

109

vue 跳转页面打开浏览器新窗口或者打开新标签打开浏览器新窗口方法：登录后复制 openNewWindow () { // 打开新窗口 let left = ((window.screen.width / 2) - 180) / 2 // 新窗口居中 let width = (window.scre...

Vue随笔10-关于两个不同页面（窗口）之间怎么传值通信、调用方法的问题解决

weixin_40994437的博客

11-19

4429

关于两个不同页面（窗口）之间怎么传值通信、调用方法的问题解决前言一、vm.$on(event,callback)的使用二、window.opener的运用前言项目中遇到这么个cr—在新打开的页面提交文件后关闭这个页面后就刷新原本的父页面渲染出提交的数据，有想过用vuex的，但是太复杂要改动的东西太多没必要，之后想到过用window.opener.location.reload()这个方法的，但是体验太差了-这是整个页面的刷新，最终找了一上午才找到以下两个办法。 PS:不过经测试，使用方法一的话好像.

vue 打开新窗口传参以及新窗口接受参数

yujunjie7的博客

07-26

1万+

主体页面代码： <div class="open" @click="open()">打开新窗口带参数</div> methods: { open () { const {href} = this.$router.resolve({ path: '/novelList', query: { p...

vue中跳转页面到新窗口并传参

saltlike的博客

09-27

836

问题描述：做项目时遇到一个需求：在新窗口打开要跳转的页面；在代码实现层面表现为：使用$router.push或者$router.go在单击事件或者函数中实现页面跳转；但在vue2.0之后，它们不再支持_blank新窗口打开的属性；解决方案：使用支持_blank属性的$router.resolve handleLinkDetail(value) { // this.$router.push(`/detail/index?id=${value.id}&flag=1`);

vue跳转方式（打开新页面）及传参操作示例

12-28

本文实例讲述了vue跳转方式（打开新页面）及传参操作。分享给大家供大家参考，具体如下： 1. router-link跳转 // 直接写上跳转的地址 <span class=spanfour>link跳转 // 添加参数 // 参数获取 id = this.$...

VUE页面传值地址栏显示传值或者不显示

cloud

02-21

1025

VUE页面传值地址栏显示传值或者不显示 params传值地址栏不显示(相似post请求参数) 内联代码片。 // 传值 this.$router.push({ params:{要接收的名称: 要传的值} }) // 接收 this.$route.params.要接收的名称. //注意点：传值是this.$router 接收值是this.$route query传值地址栏显示(相似get请求参数) - 与上同理params替换为query 内联代码片。 // 传值 this.$router.p

跨窗口传值---新窗口调用原窗口的方法

AiGarry的博客

04-24

1293

跨窗口传值---新窗口调用原窗口的方法

Vue页面参数传递的方法

qq_43607777的博客

04-16

689

一. 通过路由带参数进行传值（1）页面A附加参数(query中值为附带参数) this.$router.push({ path: '/menu', query: { name: 'zhangsan', time: '2020/7/15' } }) （2）页面B获取地址栏中的参数 this.$route.query.name 获取参数name，参数time以此类推。缺点： 1）参数直接暴露，安全性不高； 2）参数过长时，影响地址栏美观。二. 通过设置 sessionStorage/localStor

js 不同页面间传递值并取值，html不同页面间数据传递

热门推荐

web_xyk的专栏

08-22

2万+

以前没用到过页面间传递参数再从后台获取数据，自己总结了一些。先说需求：现在有页面pageA.html 和页面pageB.html，页面pageA.html中有一事件，当这个事件触发时会打开页面pageB.html。而且页面pageB.html中的一些内容需要根据pageA.html 中的一些值来判断显示哪些内容或者做一些操作。方法一： (1) pageA.html 中的事件为 windo...

Js window Open页面间传值方法

wjs3238090的专栏

12-16

1478

1.html 主页面 //弹出窗口 Js 函数 function openPage(){ window.open('2.html'); } //弹出模式对话框 Js 函数 function openMode() { window.showModalDialog('3.html'); } 2.html

pc打开新窗口方法-vue

SlyviaLau的博客

02-23

124

pc打开新窗口方法

Vue router路径跳转

z772330927的博客

09-21

1144

Vue 路径跳转方法一 <div @click="openPage(`/index`),{name:'2'},{type:'2'}"></div> //path,跳转的路径；query，query的参数，params，params的参数 openPage(path, query = {},params={}) { let routeUrl = this.$router.resolve({ path, query,params }); window.o

vue跳转页面传递参数的三种方法

style201904的博客

12-09

2795

vue中this.$router.push()路由传值和获取的两种常见方法 path不能和params一起使用，否则params将无效。需要用name来指定页面。使用params传参要用name不能使用path 只是大概的介绍一下，如果想看详细的参数用法可以查看我下面的文章 https://blog.csdn.net/style201904/article/details/102605338 第一种方法query传参 this.$router.push({path:'/business',query:{w

js页面之间传参方式集合

玉超

12-24

7766

总有一款适合你。。。如果想了解iframe有关传值请参看之前文章：iframe跨不跨域通讯方式集合；这篇主要是说说其他几种页面之间传值的实现：实现一：url传值这种传值方式就是通过在url后面增加参数，然后打开该url后页面获取参数信息，再用js进行处理。 main.html: function post(){ 　　url= "other.html?name="+es

vue新窗口页面传参（思路：window.open、this.$route.query）

这世上从不缺让人上头的新鲜感，能顾及你情绪的人实属难得。

06-03

4484

vue跳转页面打开新窗口,并携带与接收参数方式；以及在当前页面不跳转新窗口传参。

vue 打开重复页签

qq_41615095的博客

06-12

841

这两个红色框线实际都是产品详情页面，用产品名称替代了页面的title。1、首先在router/index.js配置路由。2、创建tab.js 文件，添加页签方法。3、main.js 中挂载方法。4、在需要位置调用方法。

vue elctron 打开新窗口并传参

09-09

在Vue Electron中，要打开一个新窗口并传递参数，可以使用ipcRenderer和ipcMain来实现进程间通信。...通过以上的步骤，你可以使用Vue Electron在主窗口和新窗口之间进行数据传递，并打开一个新窗口并传递参数。