フロント コーディングメモ

v-onで便利な機能

v-on:prevent

v-onだけだとページのリロードが発生してしまうが、preventでサブミットだけキャンセルできるあ。

vue

<p v-on:click="onPClickEvent('green', $event)" v-bind:style="{backgroundColor: pBgColorEvent}">{{pMsg2}}</p>

typescript

const msg = ref("未送信")
const onFormSubmit = (): void => {
  msg.value = "送信されました"
}

リンク

Javascriptで用意されている主なイベント