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

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

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

解决方法

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

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

<router-link :to="{name:xxxx}" target="_blank"/>
分类: vue 项目实战 标签: vueroutervue clitouter-link新建页面跳转

评论

暂无评论数据

暂无评论数据

目录