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

3. Exkurs

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

: var _this= this;

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

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!