vue が axios を使用する場合、これはどこを指すのでしょうか?

今回は、Vue が axios を使用する場合にこれがどこを指すのか、また Vue を使用して axios を呼び出す場合の注意点について説明します。以下は実際的なケースです。 vue が axios を使用する場合、このポイントはどこになりますか

この記事では、Vue が axios を使用する場合のこのポインティングの問題を主に紹介します。以下では多くを述べませんが、詳細を見てみましょう。

1.解決策 axios を使用して vue でネットワーク リクエストを行う場合、これが vue を指していないことがわかりますが、矢印

関数

"=>" を使用して問題を解決できます。以下の通り: rreee

2. 理由 ES6 のアロー関数「=>」の内部 this は字句スコープであり、コンテキストによって決まります (つまり、外側の呼び出し元 vue によって決まります)。

3. 余談 「=>」関数を使用すると、前の 2 つの書き方に別れを告げることができます:

匿名関数

のthisポインタを変更するにはbind(this) ハックの書き方

:

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
  });
 });
 }
}

var _this= this; この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、PHP 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

JSを使用してjson形式の配列をExcelテーブルにダウンロードする方法

Jacksonがjson文字列を解析するときに最初の文字の大文字と小文字を変換する方法

Angularを実装する手順検証関数

以上がvue が axios を使用する場合、これはどこを指すのでしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。