почему при изменении даты передаваемой в пропс не обновляется значение в самом компоненте таймера?
targetDate
при изменении props.date
. Нет, можете себя не утруждать - ничего такого у вас нет.targetDate
, рассчитываем дни-часы-минуты-секунды сразу на основе props.date
- так при изменении props.date
не придётся предпринимать никаких дополнительных телодвижений, всё посчитается как надо при следующем вызове updateCountdown
. Вот как-то так. const updateItems = async ({ id, isShow = false }: Partial<{ id: number, isShow: boolean }>) => {};
var o = {
value: {
orders: {
tools: [
{
tool1: 't1'
}
],
wood: [
{
wood1: 'w1',
}
],
},
}
}
var allOrders = [];
var ordersByType = o.value?.orders || {};
Object.keys(ordersByType).forEach((type) => {
ordersByType[type].forEach((order) => {
allOrders.push({
...order,
type,
});
});
});
o.value.orders = allOrders;
const popup = document.querySelector('.popup');
const pseudoElement = popup.querySelector('::before');
popup.addEventListener('scroll', function() {
if (popup.scrollHeight - popup.scrollTop === popup.clientHeight) {
pseudoElement.style.display = 'none';
} else {
pseudoElement.style.display = 'block';
}
});
const doSmth = () => {
const event = new Event('doSmth');
window.dispatchEvent(event);
console.log('do something')
}
const event = new Event('myEvent'); // создаем кастомное событие myEvent
pew.addEventListener('click', function() { // слушаем клик по кнопке
circle.dispatchEvent(event); // отправляем событие myEvent
});
circle.addEventListener('myEvent', function(evt) { // слушаем событие myEvent
// какая-то полезная нагрузка
console.log(evt.target);
});
.app__block:nth-child(3) {
margin-bottom: 8px;
}
.app__block:nth-child(3) .item-hr {
display: none
}
const result = await modal({
title: ...,
type: 'confirm',
acceptText: 'Подтвердить',
...
})
showPopup() {
this.isDialogShown = true;
this.pending = new Promise((resolve) => {
this.discardChanges = () => resolve(false);
this.saveChanges = () => resolve(true);
});
},
async changeTab() {
...
return await this.pending;
}
changeTab() {
return new Promise((resolve) => {
this.discardChanges = () => resolve(false);
this.saveChanges = () => resolve(true);
});
}
index
- и есть в данном случае ключ. Т.е. проверять нужно просто index === 'dateTime'
.v-for="(filter, key, index) in filters"
. Однако в твоём случае он не нужен, т.к. лучше привязывать key
именно к ключу.