Heim >Web-Frontend >View.js >So übergeben Sie Werte zwischen vue.js-Seiten
So übertragen Sie Werte zwischen vue.js-Seiten: 1. Verwenden Sie Abfrage, um Werte zu übertragen, der Code lautet [query: { name: 'jack' }] 2. Verwenden Sie Parameter, um Werte zu übertragen, der Code lautet [params : {usersitelist: 'userlist'}].
Die Betriebsumgebung dieses Tutorials: Windows7-System, Vue2.9-Version. Diese Methode ist für alle Computermarken geeignet.
Methoden zum Übertragen von Werten zwischen vue.js-Seiten:
1. Die Adressleiste ist sichtbar. Wenn Sie beispielsweise von a.vue zu b.vue springen, Übergeben Sie name='jack '
, der Code lautet wie folgt:
this.$router.push({ path: "/result", query: { name: 'jack' } });Empfangen Sie Parameter über die URL in der Adressleiste in b.vue;
name=‘jack’
,代码如下:
this.$router.push({ path: "/result", name: "Result", query: { name: 'name' }, params: { usersitelist: 'userlist' } });
在b.vue通过地址栏的url 进行接收参数;
我是在created这个函数里面进行接收的,var name = this.$route.query.name;
Ich erhalte sie in der Erstellungsfunktion, var name = this.$route.query .name;
kann den Namensparameter empfangen.
2 Die Adressleiste ist nicht sichtbar ist, dass Sie bei der Anfrage den Index unter den Router schreiben müssen,
kann zusammen mit der Abfrage übergeben werden;var usersitelist = this.$route.params.usersitelist;params ist in der Adressleiste nicht sichtbar, aber die Wertmethode ist dieselbe Abfrage. Ich erhalte auch den Wert in der erstellten Funktion
Das obige ist der detaillierte Inhalt vonSo übergeben Sie Werte zwischen vue.js-Seiten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!