Vue-তে ইভেন্ট হ্যান্ডলার সংযুক্ত করা
আসুন এখন আমাদের পদ্ধতিটি চালু করি
কোনো ইভেন্টে। এটি করার জন্য
কোনো DOM এলিমেন্টে ইভেন্ট সংযুক্ত করতে
আপনাকে ডাইরেক্টিভ ব্যবহার করতে হবে
v-on।
এই ডাইরেক্টিভে কোলনের পরে ইভেন্টের নাম নির্দিষ্ট করতে হবে, এবং মান হিসাবে - সেই পদ্ধতির নাম, যা এই ইভেন্ট ঘটলে কল করা উচিত।
আসুন অনুশীলনে চেষ্টা করি। ধরুন আমাদের নিম্নলিখিত পদ্ধতি আছে:
methods: {
show: function() {
alert('!');
}
}
ধরুন আমাদের নিম্নলিখিত বাটন আছে:
<template>
<button>text</button>
</template>
আসুন এটি করি যাতে ক্লিক করলে
এই বাটনে পদ্ধতিটি কল হয়
show:
<template>
<button v-on:click="show">text</button>
</template>
সাধারণত সবাই সংক্ষিপ্ত ব্যবহার করে
v-on-এর সংস্করণ। এটি প্রতিনিধিত্ব করে
@ চিহ্ন
ইভেন্টের নামের আগে:
<template>
<button @click="show">text</button>
</template>
একটি বাটন তৈরি করুন, যাতে ক্লিক করলে
alert-এর মাধ্যমে বর্তমান তারিখ প্রদর্শিত হয়।
পূর্ববর্তী কাজটি পরিবর্তন করুন যাতে
alert ক্লিকে নয়, বরং মাউস নিয়ে আসলে প্রদর্শিত হয়।
