⊗jsvuPmCdET 20 of 72 menu

Пераключэнне элементаў у Vue

Давайце цяпер зробім кнопку, якая будзе пераключаць абзац, гэта значыць па першым кліку паказваць яго, а па другім кліку - хаваць. Для гэтага па кліку на кнопку будзем выклікаць метад toggle:

<template> <button @click="toggle">пераключыць</button> <p v-if="visible">тэкст</p> </template>

У кодзе метаду трэба будзе браць значэнне ўласцівасці visible і інвертаваць яго на яго процілегласць:

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

Дадзены тры абзацы і тры кнопкі. Зрабіце так, каб кожная кнопка пераключала свой абзац.

uzcfrtrennl