[Vuejs]-Conditional rendering to display component in vue

by

0👍

✅

Add v-if="userinput" doesn’t work ?

If I understand what you want, you should have something like this :

// parent comp

<template>
  <div>
    <h1>header</h1>
    <div v-if="userinput" class="parent">
      <h2>infos</h2>
      <button>x</button>
    </div>
    <PopUp v-else/>
  </div>
</template>

Do not hesitate to read the Vue.js documentation

Leave a comment