“Ukryj komponent vuejs” Kod odpowiedzi

Ukryj komponent przy kliknięciu vue

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script>

<div id="app">
  <button v-on:click="isHidden = true">Hide the text below</button>
  <button v-on:click="isHidden = !isHidden">Toggle hide and show</button>

  <h1 v-if="!isHidden">Hide me on click event!</h1>
</div>

var app = new Vue({
  el: '#app',
  data: {
    isHidden: false
  }
})
Gorgeous Goat

Ukryj komponent vuejs

//App.vue
<template>
  <div id="app">
    <div class="routing" v-if="this.$route.path !== '/'">
        <router-link to="/">Login</router-link>
        <router-link to="/home">Home</router-link>
    </div>

    <router-view></router-view>
  </div>
</template>
Cloudy Crossbill

Ukryj element vue

 // to hide element in vue.js use v-if
  <div v-if="seen" id="hide">
      <p>hide me </p>
  </div>
</div>

new Vue({
data:{
    seen: true
}
});
Repulsive Raven

Odpowiedzi podobne do “Ukryj komponent vuejs”

Pytania podobne do “Ukryj komponent vuejs”

Więcej pokrewnych odpowiedzi na “Ukryj komponent vuejs” w JavaScript

Przeglądaj popularne odpowiedzi na kod według języka

Przeglądaj inne języki kodu