简述vue路由打开一个新的窗口的方法


Posted in Javascript onNovember 29, 2018

简单说一下vue路由如何打开一个新的窗口

1.router-link标签

在vue的官方文档中

简述vue路由打开一个新的窗口的方法

看到这大家应该会想,既然router-link不支持target="_blank"属性,那我们该怎么用router-link打开一个新的窗口呢?别急,继续往下看~

文档中还有一处描述

简述vue路由打开一个新的窗口的方法

router-link添加tag="li"属性后,居然可以变成li标签渲染出来,真特么神奇哈,那可不可以写成tag="a",从而去替代a标签呢?我们尝试着写一哈

<router-link tag="a" target="_blank" to="/about">新品</router-link>

2.编程导航

简述vue路由打开一个新的窗口的方法

上图是官网的最新说法,vue2.0以后router.go和router.push就不支持新窗口打开的属性了,现在用一种新的方式router.resolve

let routeData = this.$router.resolve({
 path: "/about",
 query: {
 name:'lei',
 age: 18,
 phoneNum:12345678901 
 }
});
window.open(routeData.href, '_blank');

总结

以上所述是小编给大家介绍的vue路由打开一个新的窗口的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
判断页面是关闭还是刷新的js代码
Jan 28 Javascript
javascript数组的扩展实现代码集合
Jun 01 Javascript
你必须知道的JavaScript 中字符串连接的性能的一些问题
May 07 Javascript
Js参数值中含有单引号或双引号问题的解决方法
Nov 06 Javascript
jquery自动填充勾选框即把勾选框打上true
Mar 24 Javascript
AngularJS基础知识
Dec 21 Javascript
Node.js实现文件上传
Jul 05 Javascript
JS获取input file绝对路径的方法(推荐)
Aug 02 Javascript
微信小程序 UI与容器组件总结
Feb 21 Javascript
vue-cli脚手架config目录下index.js配置文件的方法
Mar 13 Javascript
解决vue 绑定对象内点击事件失效问题
Sep 05 Javascript
详解JavaScript匿名函数和闭包
Jul 10 Javascript
微信小程序下拉刷新PullDownRefresh的使用方法
Nov 29 #Javascript
浅析Proxy可以优化vue的数据监听机制问题及实现思路
Nov 29 #Javascript
vue实现双向绑定和依赖收集遇到的坑
Nov 29 #Javascript
js中this的指向问题归纳总结
Nov 28 #Javascript
基于vue实现移动端圆形旋钮插件效果
Nov 28 #Javascript
VUE2.0 ElementUI2.0表格el-table自适应高度的实现方法
Nov 28 #Javascript
Vue触发式全局组件构建的方法
Nov 28 #Javascript
You might like
php加水印的代码(支持半透明透明打水印,支持png透明背景)
2013/01/17 PHP
php分页函数完整实例代码
2014/09/22 PHP
利用php做服务器和web前端的界面进行交互
2016/10/31 PHP
PHP大文件分片上传的实现方法
2018/10/28 PHP
YII框架行为behaviors用法示例
2019/04/26 PHP
laravel 修改记住我功能的cookie保存时间的方法
2019/10/14 PHP
IE6下opacity与JQuery的奇妙结合
2013/03/01 Javascript
JavaScript通过使用onerror设置默认图像显示代替alt
2016/03/01 Javascript
JavaScript函数内部属性和函数方法实例详解
2016/03/17 Javascript
js HTML5多媒体影音播放
2016/10/17 Javascript
jQuery实现table中两列CheckBox只能选中一个的示例
2017/09/22 jQuery
AngularJS 中的数据源的循环输出
2017/10/12 Javascript
web页面和微信小程序页面实现瀑布流效果
2018/09/26 Javascript
Vue press 支持图片放大功能的实例代码
2018/11/09 Javascript
微信小程序dom操作的替代思路实例分析
2018/12/06 Javascript
小程序Scroll-view上拉滚动刷新数据
2020/06/21 Javascript
vue实现lodop打印功能的示例
2020/11/11 Javascript
Python用csv写入文件_消除空余行的方法
2018/07/06 Python
python实现简单tftp(基于udp协议)
2018/07/30 Python
Python 实用技巧之利用Shell通配符做字符串匹配
2019/08/23 Python
Python 解决OPEN读文件报错 ,路径以及r的问题
2019/12/19 Python
Django windows使用Apache实现部署流程解析
2020/10/12 Python
详解Python 中的 defaultdict 数据类型
2021/02/22 Python
英国第二大营养品供应商:Vitabiotics
2016/10/01 全球购物
美国家居装饰网上商店:Lulu & Georgia
2019/09/14 全球购物
英国电子产品购物网站:Tech in the basket
2019/11/08 全球购物
计算 s=(x*y)1/2,用两个宏定义来实现
2016/08/11 面试题
家长给幼儿园的表扬信
2014/01/09 职场文书
采购求职信
2014/03/17 职场文书
差生评语大全
2014/05/04 职场文书
安全宣传标语
2014/06/10 职场文书
物业管理专业自荐信
2014/07/01 职场文书
餐饮周年庆活动方案
2014/08/14 职场文书
教师三严三实对照检查材料
2014/09/25 职场文书
班子成员四风问题自我剖析材料
2014/09/29 职场文书
python 使用pandas读取csv文件的方法
2022/12/24 Python