So springen Sie in Vue zu einer anderen Seite

So implementieren Sie vue, um zu einer anderen Seite zu springen: 1. Fügen Sie die Sprung-URL zu $router hinzu. 3. Übergeben Sie Parameter über die Kombination „Pfad+Abfrage“.

Die Betriebsumgebung dieses Artikels: Windows7-System, Vue2.5.17-Version, DELL G3-Computer.

Wie springe ich in Vue zu einer anderen Seite?

Vue springt von einer Seite zur anderen und trägt Parameter

1

Durch Hinzufügen einer Sprungfunktion zum

<a class="orderBtn1 sIRicon2" href="javascript:void(0);" rel="external nofollow" @click="toMallInfo(&#39;M000989&#39;)"><i class="sIRicon"></i>商场</a>

  toMallInfo: function(mallCode){
    this.$router.push({
     path: '/propertyInfo/mall/mallList',
     // name: 'mallList',
     query: {
      mallCode: 'M000989'
     }
    })
   },

a-Tag wird die gesprungene URL zu $router hinzugefügt.

Hinzufügen von / vor der URL im Pfad bedeutet, dass es sich im Stammverzeichnis befindet. Wenn es nicht hinzugefügt wird, handelt es sich um eine Unterroute.

Übergeben Sie Parameter über die Kombination aus Pfad + Abfrage

---. -

Zur Seite springen, um Parameter zu erhalten

 created(){
   this.getParams()
  },
methods :{getParams(){
    // 取到路由带过来的参数
    const routerParams = this.$route.query.mallCode
    // 将数据放在当前组件的数据内
    this.mallInfo.searchMap.mallCode = routerParams;
    this.keyupMallName()
   }
  }，
  watch: {
   '$route': 'getParams'
  }

Lösung! ! !

Empfohlenes Lernen: „

vue-Tutorial

“

Das obige ist der detaillierte Inhalt vonSo springen Sie in Vue zu einer anderen Seite. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!