জয়েন লগইন

ভিইউই 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>