для отображения данных из базы данных:
<div v-for="item in resourceList" :key="item.id">
<input :id="roomData.id" type="checkbox" @click="saveCheckbox">
<label :for="roomData.id">{{ item.question }}</label>
//calendar
<span v-if="active">
<datepicker v-model="date"></datepicker>
</span>
<span v-else id="disableCalendar">Not show calendar</span>
</div>
У меня проблема с щелчком по функции.Например на странице v-for
показать 10 элементов.В каждом элементе будет кнопка для нажатия @click="saveCheckbox"
.
Функция в методах:
saveCheckbox(e){
if(e.target.checked) {
this.active = true;
} else {
this.active = false;
}
}
В данных у меня есть:
active = false;
Теперь, когда пользовательнапример, нажмите кнопку первого элемента, календарь появится в КАЖДОМ элементе.Как я могу показать календарь ТОЛЬКО в элементе, на который нажал пользователь?