vue打开到新页面,并传递参数

打开新页面,有两种方式,

一种是标签式:

<router-link tag="a" target="_blank" :to="{path: ‘/edit‘, params: {id: ‘000‘}}">

一种是函数编程式:

let routeData = this.$router.resolve({

  path:‘/edit‘,

  query:{id: ‘000‘}

});

window.open(routeData.href, ‘_blank‘);

标签式传值有点问题,在新页面中获取不到参数,所以试了下使用函数式,在新页面中使用:

this.$route

可以获取到路由中的信息,包括参数。

原文地址:https://www.cnblogs.com/wangqiao170/p/11226628.html

时间: 2024-10-27 10:14:47

vue打开到新页面,并传递参数的相关文章

前端在html页面之间传递参数的方法

项目中经常会出现的一种情况,有一个列表,譬如是案例列表,点击列表中的某一项,跳转至详情页面.详情是根据所点击的某条记录生成的,因为案例和具体的详情页面,都是用户后期自行添加的,我们开始编写时,不可能穷尽.因此跳转页面时,我们需要传递一个参数过去,这样我们才能通过这个参数进行数据请求,然后根据后台返回的数据来生成页面.因此,通过a标签跳转的方式,肯定是行不通的. 我们经常写form表单,提交时,可以传递参数,如果使用表单,并将其隐藏起来,应该可以达到效果. 除此以外,window.location

ASP.NET 页面间传递参数的方法

这个新特性意味着ASP.NET2.0开发人员目前有三种可供选择的技术来将数据从一个web页面传送到另外一个页面.这三种方法是:响应重定向,服务端传输和新的跨网页提交特性.我们可以已经熟悉前两种技术了,因此,我们只是简要地复习一下它们,然后我们会将主要精力放到学习如何使用跨网页提交特性,以及阐述一下这种方法和响应重定向以及服务传输方式有什么不同. 一.响应重定向方法 响应重定向方法是目前为止将一个网页重定向到另一个网页的最简单的方法的最简单的方法.当Web服务器接到一个重定向请求后,它会将一个响应

ios页面间传递参数四种方式

ios页面间传递参数四种方式 1.使用SharedApplication,定义一个变量来传递. 2.使用文件,或者NSUserdefault来传递 3.通过一个单例的class来传递 4.通过Delegate来传递. IOS开发使用委托delegate在不同窗口之间传递数据是本文要介绍的内容,主要是来讲解如何使用委托delegate在不同窗口之间传递数据,具体内容来看详细内容.在IOS开发里两个UIView窗口之间传递参数方法有很多,比如 前面3种方法,暂且不说,这次主要学习如何使用通过Dele

ASP.NET 页面间传递参数的方法(转)

ASP.NET 页面间传递参数的方法 http://www.cnblogs.com/eoiioe/archive/2008/04/08/1142247.html 这个新特性意味着ASP.NET2.0开发人员目前有三种可供选择的技术来将数据从一个web页面传送到另外一个页面.这三种方法是:响应重定向,服务端传输和新的跨网页提交特性.我们可以已经熟悉前两种技术了,因此,我们只是简要地复习一下它们,然后我们会将主要精力放到学习如何使用跨网页提交特性,以及阐述一下这种方法和响应重定向以及服务传输方式有什

页面与页面之间传递参数

方式一: <jsp:useBean id="userForm" class="com.wgh.UserForm" scope="page"/>在这个类里面set get<jsp:setProperty name="userForm" property="*"/> 输入框<input name="pwd" type="password" i

jsp页面间传递参数 中文乱码问题(zz)

jsp页面间传递参数 中文乱码问题 window.location="Test.jsp?param1="+encodeURI(encodeURI(str));//对中文参数进行双层编码后再传递 URLDecoder.decode(request.getParameter("param1"),"utf-8");//对中文参数进行解码 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

html 页面之间传递参数----js

html 页面之间传递参数----js aa.html======== <html> <head> </head> <body> <script> function submit() { var input1 = document.getElementById("inputid"); window.open("C:/Users/lenovo/Desktop/test/bb.html?inputStr=" +

JSP页面间传递参数的5种方法

JSP页面间传递参数是经常需要使用到的功能,有时还需要多个JSP页面间传递参数.下面介绍一下实现的方法. (1)直接在URL请求后添加 如:< a href="thexuan.jsp?action=transparams&detail=directe">直接传递参数< /a> 特别的在使用response.sendRedirect做页面转向的时候,也可以用如下代码: response.sendRedirect("thexuan.jsp?acti

实现html与html 页面之间传递参数以及接收参数

html与html 页面之间传递参数以及接收参数 要实现html与html页面之间进行参数传递,只需要在html页面中添加如下js代码即可 <script type="text/javascript"> <!--获取页面之间的传递的参数--> function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)