vue项目点击跳转一个新标签页并渲染该页面

需求：vue-template-admin的项目开发后，需要添加隐私条款之类的在页面底部，点击后浏览器跳转一个新标签页并渲染页面。

方法一：

将一个简单的h5页面写好后部署到服务器去，然后获得链接，使用

window.open('链接')

这样就可以直接跳转。但这个方法太过繁琐，而且一般也没必要特意为了一个简单的文字展示页面部署环境。

方法二：

首先创建好terms.vue文件，再在router中注册一个路由

然后在你需要跳转的点击事件中写

const routerUrl = this.$router.resolve({
                path: '/terms',
})
window.open(routerUrl.href, '_blank')

这样就可以了，新标签页接的是原来系统的url，所以不需要另外部署，也很方便。

所需要的数据都可以在创建的terms.vue中通过接口获取，然后渲染就行。