this.$router.push query传参和params传参的区别

//1.如果通过name跳转，可以传递params
//2.如果通过path跳转,不能传递params
//3.如果通过name跳转,但是路由有重定向,也不能传递params

this.$router.push({name:'demo1',query:{id:123}})

this.$router.push({name:'demo1',params:{id:123}})

this.$router.push({path:'demo1',params:{id:123}})

    toTask(value) {
      //任务协同
      // 跳转页面
      console.log(value);
      this.contentmouseleave(); //关闭下拉
      this.$router.push({
        path: `/detail/${value.id}`,
        query: { desc: value.desc },
      }); //跳转页面
    },

目标页面，获取传递的参数： 

 <div class="content_banner_img">
            <h1 class="content_banner_img_h1">{{ this.$route.params.id }}</h1>
            <p class="content_banner_img_p">{{ this.$route.query.desc }}</p>
            <span class="content_banner_img_span">立即使用</span>
          </div>

1. path 中的参数获取通过：this.$route.params.id

2. query 传递的参数 获取通过： this.$route.query.desc