sldo_ru
@sldo_ru
Frontend Dev. in Birppl

Как скрыть определенный элемент Vue без привязки к переменной?

Есть проект с раскрывающимися списками (FAQ). Хотел организовать раскрытие списка по нажатию. Как сделать на JS - знаю, но хотелось бы методами Vue. Как можно сделать так, чтобы открывался список, на который я нажал. Если привязывать к одной переменной, то будут открываться все.
  • Вопрос задан
  • 252 просмотра
Решения вопроса 1
rpsv
@rpsv
делай либо хорошо, либо никак
<template>
	<div v-for="(item, index) in items" :key="index">
		<span @click="item.open = !item.open">{{ item.question }}</span>
		<span v-if="item.open">{{ item.answer }}</span>
	</div>
</template>
<script>
export default {
	data: {
		faqs: [
			{
				open: false,
				question: '...',
				answer: '...',
			},
		],
	},
}
</script>
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
29 мар. 2024, в 17:04
5000 руб./за проект
29 мар. 2024, в 17:03
3000 руб./за проект
29 мар. 2024, в 16:58
3000 руб./за проект