docker system prune
для удаления неиспользуемых докером контейнеров, имиджей и пр. Документация. let id;
const getContinuousPosition = () => {
id = navigator.geolocation.watchPosition((position) => {
const { latitude, longitude } = position.coords;
continousCoordinates.value = [
longitude,
latitude
]
}, error, options);
};
...
onUnmounted(() => {
if(id){
navigator.geolocation.clearWatch(id);
}
})
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<NuxtPage />
и не является проблемой, он внутри себя использует <RouterView />
из vue-router в который добавляется внутренняя логика Nuxt (например добавление Transitions если они указаны в настройках). Anonymous Component на самом деле - компонент RouteProvider
, который занимается перерисовкой страниц. В общем, просто обертка фреймворка для роутинга.select id, name from testtable where trim(replace(Name, char(9), ' ')) like 'S%n';
select id, name from testtable where trim(replace(Name, char(9), ' ')) like '%n';
const month = computed(() => {
const today = new Date().setHours(0, 0, 0, 0);
const m = date.value.getMonth();
const d = new Date(date.value.getFullYear(), m, 0);
d.setDate(d.getDate() - (d.getDay() || 7));
return Array.from({ length: 42 }, () => (
d.setDate(d.getDate() + 1),
{
date: d.getDate(),
currMonth: d.getMonth() === m,
today: +d === today,
}
));
});
<div class="calendar">
<div
v-for="n in weekdays"
v-text="n"
class="weekday"
></div>
<div
v-for="{ date, ...n } in month"
v-text="date"
:class="[ 'day', n ]"
></div>
</div>
.calendar {
display: grid;
grid-template-columns: repeat(7, 1fr);
}
export default {
data() {
return {
isModalAddVisible: false,
activeId: null,
};
},
watch: {
isModalAddVisible(newValue) {
if (newValue || this.activeId) {
document.body.style.overflow = 'hidden';
} else {
document.body.style.overflow = 'auto';
}
},
activeId(newValue) {
if (this.isModalAddVisible || newValue) {
document.body.style.overflow = 'hidden';
} else {
document.body.style.overflow = 'auto';
}
},
},
};
.no-overflow {
overflow: hidden;
}
mounted() {
this.$watch(
() => this.isModalAddVisible || this.activeId,
val => document.body.classList.toggle('no-overflow', val),
{ immediate: true }
);
},
v-model
, кого показывать в модальном окне - отправляйте наверх эту информацию вместе с событием. Свойство, управляющее видимостью модального окна - пусть оно вместо логического значения хранит id или объект или что там у вас должно показываться в окне, если не null
, значит открываем окно. Вот так всё просто.v-model
, конечно только на уровне таблицы, в строках всё по-прежнему.