aタグに @click”=”#”

aタグに上記のような書き方をすると、herf=”#”が動作してページ上部までスクロールしてしまう。
これが嫌なので、v-on:clickに.stopと.preventをつけてあげる。

<a href="#" @click.stop.prevent="openModal(1)">

.stopでaタグイベントハンドラ自体の親要素への伝搬を止め、
.preventでaタグのイベントを通常通り処理すべきでないと指示している