vue 页面跳转

一时失言乱红尘 2023-08-17 15:40 72阅读 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 条评论，72人围观）

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

相关阅读

相关 vue 页面跳转

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

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

相关 php表单跳转页面跳转页面跳转页面跳转,html中一个form下两个跳转页面

问题说明：在html开发中，经常碰到同一个form表单下，不同按钮跳转不同界面，如下 ![3b2afef13409193c29d0759b8abcfff3.png][]，

太过爱你忘了你带给我的痛/ 2022年11月17日 10:16/ 0 赞/ 227 阅读

相关 vue 中js页面跳转到静态页面_Vue.js当前页面跳转当前页面$route.fullpath

在vue中如何去实现当前页面跳转当前页面，看完这篇文章，相信你的心里会有答案关于当前页面跳转在实际项目中有这个需求，当然，实现方式很多，在这里主要说一个比较优雅的方式，通过绑定

心已赠人/ 2022年10月27日 01:49/ 0 赞/ 128 阅读

相关 Vue实现页面跳转

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

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

相关 vue 页面跳转传递数组

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

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

相关 VUE：组件间相互跳转、页面带参跳转

[前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。点击跳转到教程。][Link 1] 只是记录下用法：从 A 页面跳转到 B 页面。

迷南。/ 2022年04月03日 07:44/ 0 赞/ 500 阅读

相关 Vue 页面跳转

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

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

相关 vue 页面跳转

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

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

相关 vue登录成功后如何跳转url,跳转页面

1. this.$router.push() 解释：这个方法会向history添加一个记录，点击后退会返回到上一个页面使用方法：

灰太狼/ 2021年11月11日 08:10/ 0 赞/ 630 阅读

相关 vue页面跳转传参

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

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