Ant design vue implementa una página de salto con parámetros

Descripcion funcional

Al hacer clic en la página A, salte a la página B y pase los parámetros en la dirección.

Ideas de implementación

Agregue el evento @Click a la página A para saltar. Llamo a un método con varios botones al mismo tiempo y uso el método de pasar parámetros para distinguir.

Código

Un código de página

Agregue el evento @Click donde necesita saltar y pase parámetros para distinguir dónde se realiza la llamada.

<a-col :md="6" @click="PageJump(3)">
        <div class="content">
          <div class="title">按钮</div>
          <img class="img" src='../../assets/jiandang.png'>
        </div>
      </a-col>
      <a-col :md="6" @click="PageJump(0)">
        <div class="content">
          <div class="title">按钮</div>
          <img src='../../assets/gaoxueya.png'>
        </div>
      </a-col>

código JavaScript

PageJump(sid) {
    
    
      this.$router.push({
    
    
          path: '/xxxx/xxxx?type='+sid,
        })
    },

Cada vez que la página B
activatedingrese a la página B, usará este método. Esta es la diferencia entre este y el método created(). Por mi parte, después de obtener los parámetros, los asigno directamente al objeto de consulta queryParam, y luego llame al método de consulta, solicite el fondo y devuelva datos.

activated() {
    
    
    console.log('接收到的参数', this.$route.query.type)
    //获取路径中的参数
    this.queryParam.threeTag=this.$route.query.type;
    this.loadData()
  },

conclusión

Esta es toda la realización de pasar la página con parámetros, si no sabes cómo hacerlo, ¡puedes enviar un mensaje privado! ! !