vue-router点击打开新的标签页的方法

只需要在router-link中加入target="_blank"即可在新的页面打开标签！

<router-link:to="{name: 'TrvalPlan',params: {fromCity: planInfo.fromCity,backCity: planInfo.backCity,goDate: planInfo.goDate,},}"target="_blank"class="thm-btn tour-search-one__btn">

注意：但是这样会导致路由传参失效，因为一旦刷新，路由传参就失效了

vue-router点击打开新的标签页的方法相关推荐

angularJS-打开新的标签页
<!DOCTYPE html> <html ng-app="myPro"><head><meta charset="UTF-8& ...
vue 按钮点击打开新页面_Vue中在新窗口打开页面及Vue-router的使用
背景在开发提分加项目的过程中,遇到了点击下拉菜单时在新窗口中打开页面,由于之前一直做的是单页面应用,没有碰到过类似的需求,于是上网搜了一下解决办法,也再次系统地温习了一下vue-router. 解决 ...
html中a标签空白页,a标签href设置javascript:void(0)，在chrome点击打开新的空白页
需求是:点击链接,根据权限或后台数据来动态判断是否可跳转到新页面开发测试时,在两台性能较差的电脑上,及时设置了javascript:void(0),chrome仍会打开新的空白页. 排查结果是a标签 ...
vue 按钮点击打开新页面_vue路由打开新窗口
一. 标签实现新窗口打开: 官方文档中说 v-link 指令被组件指令替代,且不支持 target="_blank" 属性,如果需要打开一个新窗口必须要用标签,但事实上vue2 ...
vue 项目中，动态修改浏览器标签页的图标
vue 项目中,动态修改浏览器标签页的图标需求: 项目中有一个入口可以修改平台的名称和图标,图标同步展示为浏览器页签的图标实现: 1.找到项目中的app.vue 文件,动态创建link标签,调用后 ...
Chrome升级后打开新的标签页变样了……
最近更新Chrome后,打开新的标签页完全变样了,让人不知所措,特别是没有了那个"最近关闭标签页"按钮,这让我抓狂-- PS:Chrome版本号为:29.0.1547.76 m P ...
在新的标签页中代开编辑文件
我们在windows中使用vim时,经常会通过右键菜单选择"Edit with Vim"来打开文件.但这种方式打开的文件,会在当前窗口中打开,而不是像Ultra Edit那样在一个 ...
Python-Selenium：如何通过click在新的标签页打开链接？
场景描述在使用Selenium的时候,如果遇到a标签列表,而且每个都需通过点击(click())进入a标签对应的页面进行单独处理,而直接访问a链接无法访问(防盗链),那么这个时候该怎么处理呢? 最好 ...
js在打开新页面的时候用新的标签页打开并且在关闭打开的页面的时候刷新父页面的方法...
js在打开新页面的时候用新的标签页打开并且在关闭打开的页面的时候刷新父页面的方法 1.利用window.opener.location.href这个方法. 方式:父页面 window.open('.. ...

vue-router点击打开新的标签页的方法

vue-router点击打开新的标签页的方法相关推荐

最新文章

热门文章