vue页面之间传值

1.点击事件,A页面

 <el-table-column label="序号" prop="uavl_id" align="center" min-width="70">
        <template slot-scope="scope">
          <span
            style="color: #409EFF;cursor: pointer;"
            @click="toAppVersionLog(scope.row)">{{ scope.row.uavl_id }}</span>
        </template>
 </el-table-column>

<script>
  methods: {
    toAppVersionLog(row) {
      this.$router.push({
        path: '/alluserloginlog/AppVersionLog/' + row.uavl_id,
        query: {
          row: row
        }
      })
    },
</script>

2.接收页面 B页面

 <template>
     <el-form-item label="序号">
       <span>{{ this.$route.query.row.uavl_id }}</span>
  </el-form-item>
  <el-form-item label="APP项目">
       <span>{{ this.$route.query.row.api_name }}</span>
  </el-form-item>
</template>
<script>
 mounted() {
    console.log('传参', this.$route.query)
  },
</script>