So implementieren Sie die Seitenwertübertragung in vue.js

Vue.js implementiert die Methode der Seitenwertübertragung: 1. Verwenden Sie die Abfrage, um den Wert zu übertragen, der Code ist [var name=this.$route.query.name] 2. Verwenden Sie Parameter, um den Wert zu übertragen, der Code ist [; Parameter: {usersitelist: 'userlist'}].

• Diese Methode ist für alle Computermarken geeignet
  

vue.js-Methode zur Implementierung der Seitenwertübertragung:

1. Verwenden Sie die Abfrage, um den Wert zu übertragen [Adressleiste sichtbar]

Zum Beispiel: Springen Sie von a.vue zu b.vue, übergeben Sie name='jack', der Code lautet wie folgt: name=‘jack’，代码如下:

this.$router.push({
          path: "/result",
          query: { name: 'jack' }
        });

在b.vue通过地址栏的url 进行接收参数；

我是在created这个函数里面进行接收的，var name=this.$route.query.name;

 this.$router.push({
          path: "/result",
          name: "Result",
          query: { name: 'name' },
          params: { usersitelist: 'userlist' }
        });

Empfangen Sie Parameter in b.vue über die URL in der Adressleiste ;

Um in dieser Funktion zu empfangen, kann var name=this.$route.query.name; den Namensparameter empfangen

2 Adressleiste ist nicht sichtbar]

Bei dieser Methode ist zu beachten, dass Sie bei der Anfrage den Namen in index.js unter dem Router eingeben müssen

rrree

Der von params übergebene Wert ist in der Adressleiste nicht sichtbar, aber der Wert ist die gleiche wie bei query. Ich erhalte den Wert auch in der erstellten Funktion

var usersitelist = this.$route.params.usersitelist;

Verwandte kostenlose Lernempfehlungen: javascript

(Video)

🎜

Das obige ist der detaillierte Inhalt vonSo implementieren Sie die Seitenwertübertragung in vue.js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!