【无标题】vue路由传输

最新推荐文章于 2024-10-10 13:13:22 发布

U7____

最新推荐文章于 2024-10-10 13:13:22 发布

阅读量464

点赞数 1

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/U7____/article/details/122340418

版权

该段代码展示了在Vue中如何使用`$router.push`进行页面跳转，并通过`query`传递参数。当`company`不存在时，用户被导向首页并携带用户名；否则，用户被重定向至公司首页，同样携带用户名。此过程中的参数在刷新页面时不会更新。

摘要由CSDN通过智能技术生成

 comen(){
      if(!this.company){
     
           this.$router.push({
              path:'/index',
              query:{
              name:this.ruleForm.username
            }
         })
         console.log(this.ruleForm.username);

        
      }
      else{
         this.$router.push({
              path:'/Company_index',
              query:{
              name:this.ruleForm.username
            }
         })
         console.log(this.ruleForm.username);
      }
      
    
    }

写一个comen点击事件，使用query传输的会在地址上面留记号，但是这种传输到新页面，新页面进行刷新的时候不会改变传输过来的值，