Vue $slots Object

Vue $slots অবজেক্ট

$slots অবজেক্ট পিতামাতার কাছ থেকে পাস করা স্লটগুলিকে উপস্থাপন করে।

অভিভাবকের কাছ থেকে পাস করা স্লটগুলি 'topSlot' নামে একটি নির্দিষ্ট স্লট দেখতে এই.$slots, অথবা this.$slots.topSlot-এ কল করে দেখা যেতে পারে।

আপনার নিজস্ব Vue সার্ভার পান

অভিভাবক 'টপস্লট'-এ বিষয়বস্তু বরাদ্দ করেছেন কিনা তা পরীক্ষা করতে $slots অবজেক্ট ব্যবহার করে।

Example

mounted(){
  if(this.$slots.topSlot){
    this.slotsText = "Content for the 'topSlot' slot is provided by the parent."
  }
  else {
    this.slotsText = "Content for the 'topSlot' slot is NOT provided by the parent."
  }
}

সংজ্ঞা এবং প্রয়োগ

$slots অবজেক্ট পিতামাতার কাছ থেকে পাস করা স্লটগুলিকে উপস্থাপন করে।

অভিভাবকের কাছ থেকে পাস করা স্লটগুলি 'topSlot' নামে একটি নির্দিষ্ট স্লট দেখতে এই.$slots, অথবা this.$slots.topSlot-এ কল করে দেখা যেতে পারে।

$slots অবজেক্টটি প্যারেন্ট এলিমেন্ট দ্বারা স্লট প্রদান করা হয়েছে কিনা তা পরীক্ষা করার জন্য ব্যবহার করা যেতে পারে, যেমন উপরের উদাহরণে, অথবা রেন্ডার ফাংশন লিখতে।

অনুশীলন করুন

❓Vue $slots অবজেক্ট মানে কি?

DOM উপাদান অ্যাক্সেস করতে

✗ ভুল! $refs অবজেক্টটি DOM উপাদানগুলি অ্যাক্সেস করতে ব্যবহৃত হয়

মূল উপাদানের একটি Vue উদাহরণ

✗ ভুল! $parent অবজেক্ট প্যারেন্ট কম্পোনেন্টের Vue ইনস্ট্যান্স উপস্থাপন করে

পিতামাতার কাছ থেকে স্লট পাস

✓ ঠিক আছে! $slots অবজেক্ট পিতামাতার কাছ থেকে পাস করা স্লটগুলিকে উপস্থাপন করে

উপাদান প্রপস প্রদর্শন করতে

✗ ভুল! $props অবজেক্ট কম্পোনেন্ট প্রপস প্রদর্শন করতে ব্যবহৃত হয়