ရိုးရိုးလေး ရှင်းပြမယ်
@click က v-on:click ၏ အတိုကောက်ဖြစ်သည်။ ရိုးရိုး assignment ကို inline handler ဖြင့်ရေးနိုင်ပြီး logic များလျှင် function သီးသန့်ရေးပါ။ .prevent, .stop နှင့် .enter ကဲ့သို့ modifier များက DOM logic ကိုရှင်းလင်းစေသည်။
vue
<script setup>
import { ref } from 'vue'
const name = ref('')
function save() {
console.log(`Saved: ${name.value}`)
}
</script>
<template>
<form @submit.prevent="save">
<input v-model="name" @keyup.esc="name = ''">
<button>Save</button>
</form>
</template>You should see
Saved: Myaလက်တွေ့စမ်းကြည့်ရန်
Enter နှိပ်လျှင် item အသစ်ထည့်ပြီး Escape နှိပ်လျှင် input ရှင်းသည့် form တစ်ခုရေးပါ။
Event Handling — Vue.js