Vue-এ জটিল শর্তাবলী

v-if ডাইরেক্টিভে আরও জটিল শর্ত তৈরি করা যায়। উদাহরণস্বরূপ, ধরা যাক num প্রপার্টিতে 1, 2 বা 3 সংখ্যাগুলির একটি থাকতে পারে:

javascriptdata() {
  return {
    num: 3, // ধরা যাক সেখানে এখন 3
  }
}

এখন আসুন তিনটি প্যারাগ্রাফ তৈরি করি, যার মধ্যে থেকে শুধুমাত্র একটি num প্রপার্টির মানের উপর নির্ভর করে দেখানো হবে:

html<template>
  <p v-if="num === 1">one</p>
  <p v-if="num === 2">two</p>
  <p v-if="num === 3">three</p>
</template>

আরও জটিল শর্তও তৈরি করা যেতে পারে:

html<template>
  <p v-if="num === 1 || num === 3">
    one or two
  </p>
</template>