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>