ভিইউই v-else-if

🌈ভিইউই v-else-if কি?

📋ভিইউই v-else-if হলো পূর্বের শর্ত মিথ্যা হলে পরবর্তী শর্ত যাচাই করার পদ্ধতি।

⚒️ভিইউই v-else-if পূর্বের শর্ত মিথ্যা হলে পরবর্তী শর্ত যাচাই করতে ব্যবহৃত হয়।

ভিইউই v-else-if পূর্বের শর্ত মিথ্যা হলে পরবর্তী শর্ত যাচাই করার উদাহরণ।

vue

<!DOCTYPE html>
<html>
<body>

<div id="app">
  <button @click="score++">ফলাফল</button>
  <p>{{score}}</p>
  <p v-if="score >= 80">চমৎকার</p>
  <p v-else-if="score >= 50"></p>
  <p v-else></p>
</div>

<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
<script>
const {createApp, ref} = Vue;
createApp({
  setup() {
    const score = ref(40);
    return {score};
  }
}).mount("#app");
</script>
</body>
</html>