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 :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) })

• « 上一篇：谷歌浏览器不兼容websocket的wss协议_为什么程序员都喜欢用Chrome浏览器？
• » 下一篇：PPP协议基础与工作流程