VUE带参数进行页面跳转

VUE带参页面跳转

使用router-link标签进行页面跳转
path里面是跳转的路径 , query里面是要传递的值{值名:取值路径}

<router-link 
:to="{ path:'跳转路径', query:{schoolId:scope.row.schoolId} " 
class="link-type">
</router-link>

使用router跳转后并不会发送请求 , 想要使用传递的参数需要重新请求页面才能取到值 , 所以我们需要在跳转后的页面使用activated: function()来做一下值的接受并发送请求

 activated: function(){
 	//这里使用this.$route.query.schoolId去获取传递的值
     const schoolId = this.$route.query.schoolId;
     //我要把值放到请求参数里所以用了queryParams.schoolId做接收
     //大家随意赋值给自己用到的参数就行
     this.queryParams.schoolId = schoolId;
     listMajor(this.queryParams).then(response => {
       this.majorList = response.rows;
       this.total = response.total;
     });
 }