ভিইউই dragleave
🌈ভিইউই dragleave কি?
📋ভিইউই dragleave হলো ড্র্যাগ করা এলিমেন্ট বের হলে অবহিত করার পদ্ধতি।
⚒️ভিইউই dragleave ড্র্যাগ করা এলিমেন্ট বের হলে অবহিত করতে ব্যবহৃত হয়।
ভিইউই dragleave ড্র্যাগ করা এলিমেন্ট বের হলে অবহিত করার উদাহরণ।
vue
<!DOCTYPE html>
<html>
<body>
<div id="app">
<p draggable="true">আমাকে টেনে নিন</p>
<div
@dragleave="dragLeave"
style="padding:30px; background:lightgray;">
এই স্থান থেকে বের হয়ে যান
</div>
</div>
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
<script>
Vue.createApp({
methods: {
dragLeave(event) {
event.target.style.background = "pink";
}
}
}).mount("#app");
</script>
</body>
</html>