“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

Shell/Bash

C++

CSS

HTML

Java

JavaScript

Objective-C

PHP

Python

Sql

Swift

Ruby

TypeScript

Kotlin

Assembly

VBA

Scala

Rust

Dart

Elixir

Clojure

Haskell

Matlab

Erlang

Cobol

Fortran

Scheme

Perl

Groovy

Lua

Julia

Delphi

Abap

Lisp

Prolog

Pascal

ActionScript

Basic

Solidity

PowerShell

GDScript

Excel