জয়েন লগইন

ভিইউই drop

🌈ভিইউই drop কি?

📋ভিইউই drop হলো এলিমেন্ট ড্রপ হলে অবহিত করার পদ্ধতি।

⚒️ভিইউই drop এলিমেন্ট ড্রপ হলে অবহিত করতে ব্যবহৃত হয়।

ভিইউই drop এলিমেন্ট ড্রপ হলে অবহিত করার উদাহরণ।

vue
<!DOCTYPE html>
<html>
<body>

<div id="app">

<p
  draggable="true"
  @dragstart="dragStart">
  আমাকে টেনে নিন
</p>

<div
  @dragover.prevent
  @drop="drop"
  style="padding:30px; background:lightgray;">
  এখানে ছেড়ে দিন
</div>

</div>

<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
<script>
Vue.createApp({
  methods: {
    dragStart(event) {
      event.dataTransfer.setData("text", event.target.innerText);
    },
    drop(event) {
      event.target.innerHTML =
        event.dataTransfer.getData("text");
    }
  }
}).mount("#app");
</script>

</body>
</html>