Дмитрий Ченгаев 💎
Занимаюсь заказной веб-разработкой. Подписывайтесь на телеграм канал
https://t.me/dchengaev ;)
2021-08-24
Задачи v-if.
1. Сделайте так, чтобы элемент div в шаблоне показывался только тогда, когда свойство val не пустое.
<template>
<div>
<p>Hello</p>
</div>
</template>
<script>
module.exports = {
data: function () {
return {
val: 'Hello'
}
}
}
</script>
2. Выполните задание 1, но если свойство val пустое, НЕ должен показываться в разметке И блок div И его содержимое.
3. Если свойство val пустое, должно показываться
<p>Элемент пустой</p>
иначе
<p>Hello</p>
Задание
Сделайте так, чтобы элемент div в шаблоне показывался только тогда, когда свойство val не пустое.
<template>
<div>
<p>Hello</p>
</div>
</template>
<script>
module.exports = {
data: function () {
return {
val: 'Hello'
}
}
}
</script>
Посмотреть ответы
Вариант автора:
Автор не добавил свой вариант решения.
Задание
Выполните задание 1, но если свойство val пустое, НЕ должен показываться в разметке И блок div И его содержимое.
Посмотреть ответы
Вариант автора:
Автор не добавил свой вариант решения.
Задание
Если свойство val пустое, должно показываться
<p>Элемент пустой</p>
иначе
<p>Hello</p>
Посмотреть ответы
Вариант автора:
Автор не добавил свой вариант решения.
Дмитрий Ченгаев 💎
Занимаюсь заказной веб-разработкой. Подписывайтесь на телеграм канал
https://t.me/dchengaev ;)
Чтобы оставить сообщение, зарегистрируйтесь/войдите на сайт через:
Email - зарегистрироваться / войти