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

Vue跳转到一个新的页面的多种方法相关推荐

从frame跳转到一个新的页面
要实现功能:default.aspx中当Sessions("userid")没有值时,跳转到一个新的页面login.asdpx. 如果在defalult页面里直接写Response ...
Vue3实现动态菜单展示，实现动态图标展示，实现跳转到一个新页面
1.定义组件在components里面添加Menu.vue import { createRouter, createWebHashHistory } from "vue-router&qu ...
在vue中，用路由router跳转打开一个新标签页
需求:点击退租单,生成一个退款表格(打印PDF).需要跳转到一个新标签页. 一.用JS实现 let routeUrl = this.$router.resolve({path: "/surr ...
点击android搜索框跳入另一个页面,android - ToolBar中的SearchView如何让点击之后跳转到一个新的Activity...
PHP中文网2017-04-17 13:08:302楼 @李引证的回答包括了关键信息,我来补充一些细节,及纠正几个细节上的错误. 关于"菜单项的点击事件" 我们需要覆写 onCr ...
php跳转到另外一个方法,PHP 页面跳转到另一个页面的多种方法方法总结
PHP 页面跳转到另一个页面的多种方法方法总结一用 HTTP 头信息也就是用 PHP 的 HEADER 函数 PHP 里的 HEADER 函数的作用就是向浏览器发出由 HTTP 协议规定的本来应该 ...
[vue] 动态给vue的data添加一个新的属性时会发生什么？怎样解决？
[vue] 动态给vue的data添加一个新的属性时会发生什么?怎样解决? 如果在实例创建之后添加新的属性到实例上,它不会触发视图更新.如果想要使添加的值做到响应式,应当使用$set()来添加对象. ...
django界面上弹出bootstrap modal对话框，对话框中包含iframe并请求一个新的页面
1.首先,需求是这样的,点击编辑学生信息的操作,弹出个添加学生课程的对话框,在对话框中需要一个选择学生课程的输入框,点击时,弹出选择课程的对话框并包含iframe,这个iframe是请求一个view的 ...
火狐浏览器如何设置成打开一个新的页面，原有的页面继续存在
火狐浏览器如何设置成打开一个新的页面,原有的页面继续存在? Tab Utilities 扩展. 在新标签页打开书签.历史.主页.地址.搜索,以及更多增强标签式浏览的实用功能,包括紧邻当前标签页打开 ...
python反转一个三位整数的多种方法
反转一个三位整数的多种方法在LintCode上练习遇到这个问题,查阅资料找到多种方法,总结如下. 输入输出 123 321 第一种:整数方法取余取整实现 class Solution:" ...

Vue跳转到一个新的页面的多种方法

Vue跳转到一个新的页面的多种方法相关推荐

最新文章

热门文章