木灵鱼儿

木灵鱼儿

阅读:2031

最后更新:2020/11/11/ 10:44:59

vue 路由跳转使用新建页面打开

今天遇到这么一个需求,官网的个别页面需要新建页面打开,但是这个页面我是配置的路由。

一直以来,我以为路由的跳转只能就是在当前页面进行,特别是我跳转路由使用的都是路由name属性。

接到这个请求我有点懵逼了,哈哈。。

解决方法

router-link元素默认生成的是一个a元素,仔细查看你会发现a元素的href是带有路径链接的,哪怕你跳转的:to="{name:xxx}"使用的是路由name。

它最终生成的a元素,href依旧是路由的path,所以,既然他能生成路径,那么我们只需要给他加上a元素的attr属性target即可。

<router-link :to="{name:xxxx}" target="_blank"/>

版权申明

本文系作者 @木灵鱼儿 原创发布在木灵鱼儿 - 有梦就能远航站点。未经许可,禁止转载。

关于作者

站点职位 博主
获得点赞 0
文章被阅读 2031

相关文章

目录树