Показывать div с vue js

я хочу показать div, который я считаю скрытым и с одним <a href=""> я хочу показать это, ищите в документации, но я не понял много и я не смог.

здесь у меня есть этикетка: <a href="" class="ml-4" @click.prevent="showHide">

это та, которую я хочу показать

<div v-show="false" v-model="forgetPassword"> show </div>

Здесь - код Vue:

new Vue({
    el: '#formLogin', 
    data : {
        forgetPassword : ''
    },
    methods: {
        showHide: function (){
            //console.log('hello');
            this.forgetPassword = true;

        }
    }
})

Мне хотелось бы знать, как сохранять true или false, в forgetPassword, так как он показывает это мне как пустота, когда я это показываю из-за консоли. Я остаюсь внимательным к комментариям.

0
задан 08.03.2019, 17:39
1 ответ

Ты должен объявлять переменную, которая показывала его div, если становиться видимым или нет. Потом с funciГіn showHide ты обновляешь эту переменную.

Восток - функциональный пример:

new Vue({
  el: '#formLogin',
  data: {
  	show: true
  },
  methods: {
  	showHide: function(){
    	this.show = !this.show;
    }
  }
})
<script src="https://unpkg.com/vue"></script>

<div id="formLogin">
<a href="" class="ml-4" @click.prevent="showHide">click</a>

<div v-show="show">  show   </div>

</div>
2
ответ дан 19.11.2019, 22:22