buttonタグで勝手にリロードされてしまう問題

button タグで勝手にリロードされてしまう問題

これに完全にハマっていた。

8/31に書いた謎バグ、これだった。

解決できてなくてチケットとして積まれていたんだけど、同じチームの方が解決してくれた。原因分かったときは感動したというかなんというか、とにかく感情が動いた。そういうことか〜〜〜！みたいな。クイズを出題されて出てきそうで出てこない答えを探し続けてギブアップして正解教えてもらったときみたいな。

これ、ひとつのコンポーネントの template で form と button が同時に出てきていたら比較的探しやすいんだけど、コンポーネントが入れ子になっているとかなり見つけにくいということが分かった。

昨今コンポーネントは様々な粒度で分割されていて、ひとつの template の中に色々なコンポーネントがあり、さらにその子コンポーネントの内部でも別のコンポーネントを呼んでいる、みたいなことはごく普通にあるので、結果としてほとんどの Vue.js のコンポーネントを使っているプロダクトではこの事象を頭に入れなくてはならないということになる。まああんまり起きないのかもしれないけど。

なので今回は非常に勉強になったというかためになったというか、なるほどと思わされる件でした。解決してくれた方本当にすごすぎる。僕もこれを自力で解決できるくらいの問題解決能力を得たい。頑張ろう。