search

panzerdp / dmitripavlutin.com-comments

7 stars 0 forks source link

vue-show-hide-elements/ #148

Open utterances-bot opened 2 years ago

utterances-bot commented 2 years ago

How to Show/Hide Elements in Vue

How to use v-if, v-show and :class to show/hide elements in Vue.

https://dmitripavlutin.com/vue-show-hide-elements/

Jesus-Alber commented 2 years ago

Hello, Dmitri. I am a beginner and interested on your posts. You are excellent. Thanks a lot for posting.

panzerdp commented 2 years ago

Hello, Dmitri. I am a beginner and interested on your posts. You are excellent. Thanks a lot for posting.

Thanks @ghostson1120!

WangNingning1994 commented 2 years ago

Great post as usual, however there seems to have a typo at 'you can no longer can '

panzerdp commented 2 years ago

Great post as usual, however there seems to have a typo at 'you can no longer can '

Thanks @WangNingning1994! The typo has been fixed.

momin-riyadh commented 2 years ago

I'm working on Vue3 and I'm new for VueJS. So I have a App.vue component by default where all components rendering, but I have a Login.vue and I don't want to render <header></header> part for login.vue

App.vue

<template>
      <header >
        <img alt="Vue logo" class="logo" src="@/assets/logo.svg" width="125" height="125" />

        <div class="wrapper">
          <HelloWorld msg="Knowledge Base System for IFIC Bank" />

          <nav>
            <RouterLink to="/">Home</RouterLink>
            <RouterLink to="/about">About</RouterLink>
            <RouterLink to="/login">login</RouterLink>
          </nav>
        </div>
      </header>

    <RouterView/>
</template>
ksvanquy commented 10 months ago

thank you so much !