vue-element-admin模板，点击跳转到另一个页面传参

a页面

<template>
   <div>
     <el-table :data="tableData">
    	<el-table-column  prop="id"  align="center"   label="ID" />
  		<el-table-column label="操作">
        <template slot-scope="scope">
          <el-button type="text" size="mini" @click="showDetail(scope.row)">详情</el-button>
        </template>
      </el-table-column>
    </el-table>
</div>
</template>
<script>
export default {
    data(){
        return{
            tableData:[{id:1}]
        }
    },
      methods: {
      // 跳转会员详情
    showDetail(row) {
      this.$router.push({ path: '/b', query: { Id: row.id }}) //带参跳转
    },
  }

}
</script>

b页面

export default {
data() {
  return {
    user_id: ''
  }
},
created() {
  this.user_id = this.$route.query.id  //接收参数
}
}