АКЦИЯ: бесплатные месячные курсы по созданию сайтов
на выбор: верстка, JavaScript, PHP или фреймворки. Сегодня последний день для записи! Жми!
⊗jsvuPmCdTT 21 of 72 menu
НОВИНКА: Практика на Реальных Проектах и Работы в Портфолио. Бесплатный курс! Жми для записи!

Смена текста при тогглинге в Vue

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

<template> <button @click="toggle"> {{ visible ? 'hide' : 'show' }} </button> </template>

Даны три абзаца и три кнопки. Сделайте так, чтобы каждая кнопка тогглила свой абзац и при этом изменяла свой текст соответствующим образом.

enru