Превключване на елементи във Vue
Нека сега направим бутон, който
ще превключва параграф, тоест при първото
кликване ще го показва,
а при второ
кликване - ще го скрива. За целта при клик
върху бутона ще извикваме метод
toggle:
<template>
<button @click="toggle">toggle</button>
<p v-if="visible">text</p>
</template>
В кода на метода ще трябва да вземем
стойността на свойството visible
и да я инвертираме към нейната
противоположност:
toggle: function() {
this.visible = !this.visible;
}
Дадени са три параграфа и три бутона. Направете така, че всеки бутон да превключва своя параграф.