Heim >Web-Frontend >View.js >So übergeben Sie Werte zwischen vue.js-Seiten

So übergeben Sie Werte zwischen vue.js-Seiten

coldplay.xixi
coldplay.xixiOriginal
2020-11-19 10:33:293827Durchsuche

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

So übergeben Sie Werte zwischen vue.js-Seiten

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!

Stellungnahme:
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