vue项目中页面跳转携带参数

通过this.$router.push跳转页面

<div class="role-info" v-for="(item,index) in roleData" :key="index" @click="roleClick(item)">
          <img :src="item.imgSrc" alt>
          <h4>{{item.title}}</h4>
        </div>

roleClick(item){
      this.$router.push({
        name: 'wjlb',
        query: {
          type: item.type
        }
      })
    }

name 是要跳转的路由，query是携带的参数。item.type是后台返回值