Пераключэнне элементаў у Vue
Давайце цяпер зробім кнопку, якая
будзе пераключаць абзац, гэта значыць па першым
кліку паказваць яго, а па другім
кліку - хаваць. Для гэтага па кліку
на кнопку будзем выклікаць метад
toggle:
<template>
<button @click="toggle">пераключыць</button>
<p v-if="visible">тэкст</p>
</template>
У кодзе метаду трэба будзе браць
значэнне ўласцівасці visible
і інвертаваць яго на яго
процілегласць:
toggle: function() {
this.visible = !this.visible;
}
Дадзены тры абзацы і тры кнопкі. Зрабіце так, каб кожная кнопка пераключала свой абзац.