0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

[JS][Vue]「@hoge.prevent="fuga"」←この「.prevent」が、「e.preventDefault();」の省略形だった件

0
Last updated at Posted at 2019-06-17

今回のコード

先日、Vueを触っていたら、「@hoge.prevent="fuga"」こんなのが書いてあったので調べてみました。
とりあえず共有しておくので、何かの参考にしてもらえれば、嬉しいです。

See the Pen [Vue]非同期処理直後にリロード問題 .prevent by riotam (@riotam4) on CodePen.

コードは、この[関連記事](https://qiita.com/riotam/items/9d360dfbc796853793e3)で使ったものとほぼ同じです。 分かりにくければそちらの記事も、短いので読んでみて下さい。 # 解説 コードの内容については、関連記事に書いてますので省略します。 結論を言うと、「今回のコード」HTML側の2行目に書いた「@submit.prevent="outPut"」は、

See the Pen [Vue]非同期処理直後にリロードされてしまう問題を「e.preventDefault();」で解消させた件(成功ver) by riotam (@riotam4) on CodePen.

↑「[関連記事](https://qiita.com/riotam/items/9d360dfbc796853793e3)のコード」JS側11行目に書いているものと、同じ意味です。 詳しくは、そちらの記事で書いてますので、読んでみてください。

難しそうな記法も、ただの省略と分かれば怖くない!
以上、ありがとうございました。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?