vue跳转到外部链接,新开一个页面,vue如何跳转页面

通过router-link或者button或者a链接的方法
1、router-link路由

<router-link :to="{ path: '/a/b' }" // tag="button" //作为一个按钮，样式得自己再写一下，不方便，请选用第二种方式 >查看当前排名</router-link >

其中/a/b为router路由的路径

2、button按钮

<el-button type="primary" icon="el-icon-search" @click="querySort" >查看当前排名</el-button >querySort(){this.$router.push({ path: "/a/b" });}

3、a链接

<a :rel="external nofollow" href="exportDistrict" class="filter-item el-button el-button--success" >导出游戏区服</a > data() { return{ exportDistrict: "/a/b",}}

选用哪种方式自己决定；

另：如果在方法中跳转一个页面，比如错误页，使用方法如下：

if (res.code === 1002) { //无权限统一处理 loadPage("/error"); return; } // 跳转、重定向const loadPage = (url, reject) => { if (reject) { return reject(url); } window.$$vm.$router.push(url);};main.js中：window.$$vm = new Vue({ el: '#app', router, store, render: h => h(App)})