vue 路由跳转使用新建页面打开
今天遇到这么一个需求,官网的个别页面需要新建页面打开,但是这个页面我是配置的路由。
一直以来,我以为路由的跳转只能就是在当前页面进行,特别是我跳转路由使用的都是路由name属性。
接到这个请求我有点懵逼了,哈哈。。
解决方法
router-link元素默认生成的是一个a元素,仔细查看你会发现a元素的href是带有路径链接的,哪怕你跳转的:to="{name:xxx}"
使用的是路由name。
它最终生成的a元素,href依旧是路由的path,所以,既然他能生成路径,那么我们只需要给他加上a元素的attr属性target
即可。
<router-link :to="{name:xxxx}" target="_blank"/>
版权申明
本文系作者 @木灵鱼儿 原创发布在木灵鱼儿站点。未经许可,禁止转载。
暂无评论数据