@Gera01
Unity, С# и больше ничего.

Почему блоки v-if и v-else не скрывают обьект в зависимости от значения?

Здравствуйте. Начал учить js, html, сейчас начал учить vue.
( vue.js подключаю так:
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

в блоке head)
Появился вопрос при изучении условных операторов.
Код в html:
<div id="vueElement">
    <button v-on:onclick="status = !status">Скрыть / Показать</button>
    <p v-if="status">Status is true!</p>
    <p v-else>Status is false!</p>
  </div>

Код js:
new Vue ({
  el: "vueElement",
  data: {
    status: true
    }
});

При нажатии на кнопку поле status должно меняться на противоположное значение, а при изменении переменной и при открытия сайта должна пропадать одна из надписей в зависимости от значения поля, чего не происходит. Консоль чиста, не ошибок не предупреждений.
  • Вопрос задан
  • 83 просмотра
Решения вопроса 1
iiiBird
@iiiBird
Пока ты спишь - твой конкурент совершенствуется
el: "vueElement", заменить на el: "#vueElement",
<button v-on:onclick="status = !status"> заменить на <button v-on:click="status = !status">
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
03 мар. 2021, в 10:47
25000 руб./за проект
03 мар. 2021, в 10:29
4000 руб./за проект
03 мар. 2021, в 10:04
2000 руб./за проект