Տարրերի թոգլինգը Vue-ում

Եկեք հիմա ստեղծենք մի կոճակ, որը կթոգլի պարբերությունը, այսինքն առաջին կտտոցով այն կցուցադրի, իսկ երկրորդ կտտոցով՝ կթաքցնի: Դրա համար կոճակի վրա կտտացնելիս կկանչենք toggle մեթոդը:

App.vue<template>
  <button @click="toggle">toggle</button>
  <p v-if="visible">text</p>
</template>

Մեթոդի կոդում անհրաժեշտ կլինի վերցնել visible հատկության արժեքը և շրջել այն դեպի իր հակառակը:

javascripttoggle: function() {
  this.visible = !this.visible;
}