简述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利用与或运算符优先级实现if else条件判断表达式
Apr 15 Javascript
javascript 获取页面的高度及滚动条的位置的代码
May 06 Javascript
JavaScript异步编程Promise模式的6个特性
Apr 03 Javascript
javascript将异步校验表单改写为同步表单
Jan 27 Javascript
jQuery实现数秒后自动提交form的方法
Mar 05 Javascript
javascript最基本的函数汇总
Jun 25 Javascript
JS文件/图片从电脑里面拖拽到浏览器上传文件/图片
Mar 08 Javascript
微信小程序之数据双向绑定与数据操作
May 12 Javascript
vue-cli实现多页面多路由的示例代码
Jan 30 Javascript
Vuex新手的理解与使用详解
May 31 Javascript
layui表格数据复选框回显设置方法
Sep 13 Javascript
vue组件讲解(is属性的用法)模板标签替换操作
Sep 04 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实例
2013/12/24 PHP
php实现word转html的方法
2016/01/22 PHP
php处理多图上传压缩代码功能
2018/06/13 PHP
js右键菜单效果代码
2007/07/21 Javascript
JavaScript中toString()方法的使用详解
2015/06/05 Javascript
Underscore.js 1.3.3 中文注释翻译说明
2015/06/25 Javascript
js简单实现调整网页字体大小的方法
2016/07/23 Javascript
关于input全选反选恶心的异常情况
2016/07/24 Javascript
在Vue中如何使用Cookie操作实例
2017/07/27 Javascript
vue中$nextTick的用法讲解
2019/01/17 Javascript
在vue项目中使用Jquery-contextmenu插件的步骤讲解
2019/01/27 jQuery
小程序实现列表多个批量倒计时
2021/01/29 Javascript
图解javascript作用域链
2019/05/27 Javascript
el-select数据过多懒加载的解决(loadmore)
2019/05/29 Javascript
Vue多环境代理配置方法思路详解
2019/06/21 Javascript
使用VUE实现在table中文字信息超过5个隐藏鼠标移到时弹窗显示全部
2019/09/16 Javascript
vue组件传值的实现方式小结【三种方式】
2020/02/05 Javascript
js实现坦克大战游戏
2020/02/24 Javascript
vue 遮罩层阻止默认滚动事件操作
2020/07/28 Javascript
使用webpack和rollup打包组件库的方法
2021/02/25 Javascript
使用Python中的tkinter模块作图的方法
2017/02/07 Python
linux环境下Django的安装配置详解
2019/07/22 Python
使用PYTHON解析Wireshark的PCAP文件方法
2019/07/23 Python
Python vtk读取并显示dicom文件示例
2020/01/13 Python
python七种方法判断字符串是否包含子串
2020/08/18 Python
python爬取豆瓣电影排行榜(requests)的示例代码
2021/02/18 Python
幼师自荐信
2013/10/26 职场文书
大学生入党思想汇报
2014/01/14 职场文书
浙大毕业生自荐信
2014/01/26 职场文书
营销总经理岗位职责
2014/02/02 职场文书
导师就业推荐信范文
2014/05/22 职场文书
企业文化标语大全
2014/06/10 职场文书
关于读书的演讲稿400字
2014/08/27 职场文书
劳动保障个人工作总结
2015/03/04 职场文书
通知的格式范文
2015/04/27 职场文书
2015年企业工作总结范文
2015/04/28 职场文书