html在父窗口中打开新页面跳转,路由跳转、打开新窗口、跳转到新页面

基础不扎实，温故知新下

方案一：

getDescribe(id) {

// 直接调用$router.push 实现携带参数的跳转

this.$router.push({

path: `/describe/${id}`,

})

对应配置

{

path: '/describe/:id',

component: Describe

}

很显然，需要在path中添加/:id来对应 $router.push 中path携带的参数。在子组件中可以使用来获取传递的参数值。

this.$route.params.id

方案二：

父组件中：通过路由属性中的name来确定匹配的路由，通过params来传递参数。

this.$router.push({

params: {

id: id

}

})

对应路由配置: 注意这里不能使用:/id来传递参数了，因为父组件中，已经使用params来携带参数了。

{

path: '/describe',

component: Describe

}

子组件中: 这样来获取参数this.$route.params.id

方案三：

父组件：使用path来匹配路由，然后通过query来传递参数

这种情况下 query传递的参数会显示在url后面?id=？

this.$router.push({

path: '/describe',

query: {

id: id

}

})

对应路由配置：对应子组件: 这样来获取参数

{

path: '/describe',

component: Describe

}

this.$route.query.id

打开新窗口

有些时候需要在单击事件或者在函数中实现页面跳转，那么可以借助router的示例方法，示例代码如下：

我们常用的是 $router.push 和 $router.go ,但是vue2.0以后，这种方式就不支持新窗口打开的属性了。

配置路由

{

path: '/xiangqing',

component: xiangqing

跳转设置

getdataexp:function(tempobj){

console.log('查询企业id='+tempobj.cid);

let routeData = this.$router.resolve({

path: "/xiangqing",

query: {cid:tempobj.cid,cname:tempobj.name}

});

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

这样就可以在vue的模式下打开新窗口了

JS直接跳转

window.location.assign(url) ：

加载 URL 指定的新的 HTML 文档。就相当于一个链接，跳转到指定的url，当前页面会转为新页面内容，可以点击后退返回上一个页面。

window.location.replace(url) ：

通过加载 URL 指定的文档来替换当前文档，这个方法是替换当前窗口页面，前后两个页面共用一个窗口，所以是没有后退返回上一页的

html在父窗口中打开新页面跳转,路由跳转、打开新窗口、跳转到新页面相关推荐

【第三趴】uni-app页面搭建与路由配置（了解工程目录结构、学会搭建页面、配置路由并成功运行）
文章目录写在前面工程结构新页面呈现写在最后本期推荐写在前面聚沙成塔--每天进步一点点,大家好我是几何心凉,不难发现越来越多的前端招聘JD中都加入了uni-app 这一项,它也已经成为前端 ...
win7打开计算机多窗口,win7电脑无法在一个窗口中打开多个文件夹怎么办？
之前小编曾经听说过,很多朋友都无法忍受IE浏览器,就是因为IE浏览器每打开一个网址,就会新弹出一个窗口,那也就是说,咱们多打开几个窗口的话,下面的任务栏窗口岂不是就密密麻麻了?如果这样的操作大家受不了 ...
HTML提交弹出提交中,javascript – 从弹出窗口在父窗口中提交表单？
您可以通过window.opener.document在父窗口中获取对表单的引用,如下所示: var form = window.opener.document.getElementById(&quo ...
计算机管理无用怎么办,win7系统如何将资源管理器窗口中无用的图标删除掉？...
介绍具体的操作方法之前,大家不妨先将自己的资源管理器窗口打开,方式非常的简单,咱们只需要返回到win7系统的桌面位置,然后找到桌面的计算机图标,然后双击计算机图标,这样打开的便是咱们win7系统的资源 ...
在Windows下黑窗口中操作数据库
在Windows下的黑窗口中操作数据库初步学习数据库时,就是在黑窗口中进行操作的. win键+R键打开黑窗口打开黑窗口之后,输入命令mysql -u root -p后再输入自己的密码即可
半透明窗口中显示标准控件（控件与文字不透明）的实现方案（附源码）
和大家分享一下在半透明窗口中显示标准控件的实现方案.通过层叠窗口可以简单实现半透明与不规则形状窗口的效果,但在其上显示标准控件(控件与文字不透明)却是件比较有挑战的事情,这里会给出一个可行的解决方案. ...
jquery 控制frameset frame节点内容（在子窗口中把该窗口中的焦点处的text内容填
2019独角兽企业重金招聘Python工程师标准>>> 现在做这个项目中,有一项把:在子窗口中把该窗口中的焦点处的text内容填入其它子窗口的input内,也就是改写input的va ...
win7 计算机打开很慢,Win7电脑网上邻居(网络)打开速度慢的怎么解决？
Win7电脑网上邻居(网络)打开速度慢的怎么解决? 在Win7系统中网上邻居也就是网络(如下图所示),不过,有些用户发现在Win7系统中打开网上邻居速度很慢.这是怎么回事呢?其实,之所以会出现此故障是 ...
window.open window.showModelDialog 打开一个新窗口/子窗口中调用父窗口的方法
window.open 只打开一个窗口是将 oNewWindow = window . open ( sURL , sName , sFeatures , ...

html在父窗口中打开新页面跳转,路由跳转、打开新窗口、跳转到新页面

html在父窗口中打开新页面跳转,路由跳转、打开新窗口、跳转到新页面相关推荐

最新文章

热门文章