Heim > Web-Frontend > View.js > So implementieren Sie die Seitenwertübertragung in vue.js

So implementieren Sie die Seitenwertübertragung in vue.js

coldplay.xixi
Freigeben: 2020-11-26 15:13:04
Original
2431 Leute haben es durchsucht

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'}].

So implementieren Sie die Seitenwertübertragung in vue.js

  • 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' }
        });
Nach dem Login kopieren

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

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

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

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;
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage