Wohin führt dieser Punkt, wenn Vue Axios verwendet?

Dieses Mal zeige ich Ihnen, wo dies hinführt, wenn Vue Axios verwendet, und welche Vorsichtsmaßnahmen es gibt, wenn Sie Vue zum Aufrufen von Axios verwenden. Schauen wir uns das hier an.

Wohin führt dieser Punkt, wenn Vue Axios verwendet?

In diesem Artikel wird hauptsächlich auf das Problem dieses Zeigens bei der Verwendung von Axios eingegangen. Im Folgenden werde ich nicht viel sagen. Werfen wir einen Blick auf die detaillierte Einführung.

1. Lösung

Wenn Sie Axios verwenden, um Netzwerkanfragen in Vue zu stellen, werden Sie feststellen, dass dies nicht auf Vue verweist, sondern undefiniert ist. Sie können das Problem mit der Pfeilfunktion „=>“ lösen. Wie folgt:

methods: {
 loginAction(formName) {
 this.$axios.post('http://127.0.0.1/u/subLogin', {
  username: this.username,
  password: this.password
 })
  .then(function(response){
  console.log(this); //这里 this = undefined
  })
  .catch((error)=> {
  console.log(error); //箭头函数"=>"使this指向vue
  });
 });
 }
}

2. Grund

Das interne This der Pfeilfunktion „=>“ in ES6 ist der lexikalische Bereich, der durch den Kontext bestimmt wird (d. h. durch die äußere Aufruf-Vue).

3. Exkurs

Mit der Funktion „=>“ können Sie sich von den beiden bisherigen Schreibweisen verabschieden:

, um diesen Punkt der bind(this) anonymen Funktion in

zu ändern Hack-Schreibmethode

: var _this= this;

loginAction(formName) {
 var _this= this;
 this.$axios.post("...")
 .then(function(response){
  console.log(_this); //这里 _this 指向vue
 })
 });
 }

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

So laden Sie ein Array im JSON-Format in eine Excel-Tabelle mit JS herunter

So bedienen Sie Jackson beim Parsen der JSON-Zeichenfolge Letter Fallkonvertierung

Schritte zur Implementierung der Winkelvalidierungsfunktion

Das obige ist der detaillierte Inhalt vonWohin führt dieser Punkt, wenn Vue Axios verwendet?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!