美文网首页登峰造极的Vue
Vue路由新页面打开的方法总结

Vue路由新页面打开的方法总结

作者: 大海龟啦啦啦 | 来源:发表于2020-11-12 18:12 被阅读0次

我们做前端的话基本上都是使用单页面进行页面转换的,可以通过Vue路由使用新页面并传递参数,实现超链接打开新页面。
一般使用以下两种方法:

  1. router-link中的target标签
<router-link tag="a" target="_blank" :to="{name:'searchGenome',query:{'species':'Brassica rapa'}}">Brassica rapa</router-link>
  1. $router.resolve
let routeData = this.$router.resolve({
    name: "searchGenome",
    query: {'species':'Brassica rapa'}
});
window.open(routeData.href, '_blank')
···

相关文章

网友评论

    本文标题:Vue路由新页面打开的方法总结

    本文链接:https://www.haomeiwen.com/subject/vjbpbktx.html