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