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
·
通过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)
})
更多推荐
已为社区贡献6条内容
所有评论(0)