vue 页面跳转

一时失言乱红尘 2023-08-17 15:40 160阅读 0赞

1.href//跳转刷新页面
    @click = jumpCompanyProfile(item.picktextUrl)//参数是后台给的接口
    jumpCompanyProfile(url){
    　　window.location.href = url
    }
    2.router//跳转时不刷新页面
    1)不带参数
    　@click = jumpCompanyProfile()；
     jumpCompanyProfile(){
    　　this.$router.push('/companyProfile')
    }
    2)带参数
    @click = jumpCompanyProfile(orgInfo.companyId)//此参数是后台给的接口
    jumpCompanyProfile(currCompanyId){
    　　let urlParams = {
    　　　　path: '/companyProfile'，//要挑战的页面路径
    　　　　query: {
    　　　　　　companyId: currCompanyId //要带的参数
    　　　　}
    　　};
    　　this.$router.push(urlParams);
    }
    //在CompanyProfile页面
    data () {
    　　return {
    　　　　jmOrgId : 0//定义一个变量用来接收跳转时传过来的参数
    　　}
    },
    mounted() {
    　　this.jmOrgId = this.$route.query.companyId;//接收跳转时传过来的参数
    },
    methods: {
         
    　　//发送ajax时将接收到的参数传给后台
    　　let params = {

"jmOrgId" : this.jmOrgId
    　　}，
    　　this.$axios.post(url,params).then(res =>{
    
    　　}).catch(res=>{
          
     　　})

}

转载于:https://www.cnblogs.com/xiyuyizhihua/p/11132999.html

发表评论取消回复

表情：

评论列表（有 0 条评论，160人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vue.js —— 页面跳转

* * * <router-link></router-link>标签跳转 * JavaScript中设置跳转 <router-...

傷城~/ 2024年04月18日 20:43/ 0 赞/ 103 阅读

相关【Vue】页面跳转传递对象

在Vue中传递对象可以通过路由参数进行传递。可以使用$route对象，里面有许多属性，包含的信息包括页面路径（path）、参数（params）等。以下是在Vue中实现页面跳

谁践踏了优雅/ 2024年03月16日 17:37/ 0 赞/ 66 阅读

相关【vue项目】中跳转页面

一、跳转外链页面替换当前页（重新定位当前页）：window.location.href EX：window.location.href = “http链接” 打卡

短命女/ 2023年10月12日 11:49/ 0 赞/ 42 阅读

相关 vue 页面跳转

1.href//跳转刷新页面 @click = jumpCompanyProfile(item.picktextUrl)//参数是后台给的接口 jump

一时失言乱红尘/ 2023年08月17日 15:40/ 0 赞/ 161 阅读

相关【vue】vue跳转页面传递参数

> `前言` 自己每次用的时候，都是百度，找到合适的要半天，所以就找一篇好点的搬运过来了。转载自：[https://blog.csdn.net/qi\_dabin/ar

水深无声/ 2022年11月04日 01:39/ 0 赞/ 23 阅读

相关 Vue实现页面跳转

![70][]![70 1][] 如何点击底部书架跳转到对应的页面 <router-link :to="{name: 'bookshelf', params: {

àì夳堔傛蜴生んèń/ 2022年05月22日 06:12/ 0 赞/ 376 阅读

相关 vue 页面跳转传递数组

传参： this.$router.push({path: 'release', query: {name: this.benefitsArr}}); //

青旅半醒/ 2022年04月04日 03:10/ 0 赞/ 1257 阅读

相关 Vue 页面跳转

1.单页面跳转 1.1 无参数-- this.$router.push(path: ' 路由 ') 传递参数 -- this.$router.pus

Bertha 。/ 2022年03月26日 05:05/ 0 赞/ 334 阅读

相关 vue 页面跳转

1.使用 `<router-link>` 创建 a 标签 <router-link to="/city"> <div>跳转</div> </

你的名字/ 2021年12月12日 13:57/ 0 赞/ 412 阅读

相关 vue页面跳转传参

使用以下方式传参： `this.$router.push({ path: 'registerowner', name: "registerowner", params:{c

曾经终败给现在/ 2021年09月28日 22:32/ 0 赞/ 532 阅读