简述vue路由打开一个新的窗口的方法
2019-02-11 00:13
861 查看
简单说一下vue路由如何打开一个新的窗口
1.router-link标签
在vue的官方文档中
看到这大家应该会想,既然router-link
不支持target="_blank"
属性,那我们该怎么用router-link打开一个新的窗口呢?别急,继续往下看~
文档中还有一处描述
router-link
添加tag="li"
属性后,居然可以变成li标签渲染出来,真特么神奇哈,那可不可以写成tag="a",
从而去替代a标签呢?我们尝试着写一哈
<router-link tag="a" target="_blank" to="/about">新品</router-link>
2.编程导航
上图是官网的最新说法,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路由打开一个新的窗口的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
您可能感兴趣的文章:
相关文章推荐
- window.open打开一个新窗口/子窗口中调用父窗口的方法
- iframe/window.open打开一个新窗口/子窗口中调用父窗口的方法
- [转]IE点击链接没有反应或打开新窗口出现一个空白框(地址栏空白)的解决方法
- vue编程式路由实现新窗口打开
- Win8系统在同一个窗口不能打开新文件夹的三种解决方法
- vue-router 多个路由地址绑定一个组件造成 created 不执行的解决方法
- swing点击按钮 打开一个浏览器窗口的方法
- PB 打开数据窗口(开任何一个dw或创建dw)出错 解决方法
- C# 在主窗口中打开一个带有计算器功能的子窗口,有三种实现方法
- vue-router 多个路由地址绑定一个组件造成 created 不执行的解决方法
- javascript中,当父窗口打开一个新窗口,当前新窗口怎么去访问父窗口的变量或方法呢?
- 解决Selenium Webdriver执行测试时,每个测试方法都打开一个浏览器窗口的问题
- [转]IE点击链接没有反应或打开新窗口出现一个空白框(地址栏空白)的解决方法
- 使用Response.Redirect 两种方法打开一个新窗口
- ”双击文件夹无法在同一个窗口打开,更改文件夹选项也不行“的解决方法
- window.open打开一个新窗口/子窗口中调用父窗口的方法
- window.open window.showModelDialog 打开一个新窗口/子窗口中调用父窗口的方法
- window.open打开一个新窗口/子窗口中调用父窗口的方法
- ligerui 中打开新窗口带回值的一个简单例子(1.0.2)
- C#只打开一个窗口(程序)