Проблема в том, что IntersectionObserver API не работает в декстопной версии на Vue. Как только включаешь режим Mobile, всё грузится. При чем проблема появилась недавно, раньше это работало. Уже поставил полифилл, но не помогло.
С чем это может быть связано?
export default {
inserted: el => {
function loadImage(){
if(el.childNodes.length !== 0){
el.childNodes[0].srcset = el.childNodes[0].dataset.srcset;
el.childNodes[2].src = el.childNodes[2].dataset.src;
}else{
el.src = el.dataset.src
}
}
function callback(entries, observer){
entries.forEach(entry =>{
if(entry.isIntersecting){
loadImage();
observer.unobserve(el);
}
})
}
function createIntersectionObserver(){
const options = {
root: null,
threshold: [0]
}
const observer = new IntersectionObserver(callback, options);
observer.observe(el);
}
if(!window['IntersectionObserver']){
loadImage();
}else{
createIntersectionObserver();
}
}
}
template
<picture v-lazyload>
<source type="image/webp" :data-srcset="imagesWebp" style="max-width:100%; height:auto">
<img :data-src="images" style="max-width:100%; height:auto">
</picture>
Вот в мобильном режиме, когда элемент (el) заходит в зону видимости viewport
, он выводит этот элемент в консоль, например, а в декстопной версии - он как будто не видит элемент, ничего не происходит ...
Айфон мало держит заряд, разбираемся с проблемой вместе с AppLab
Перевод документов на английский язык: Важность и ключевые аспекты
Можно ли как-нибудь получить значение элемента на который я нажал? (при нажатии на блок со значением 1 выводило 1, 2-2, 3-3 и тд)
Пишу что-то вроде старого платформера lode runnerУ меня генерируется массив, получая количество строк и ячеек из переменных в классе config
Есть ли у кого-нибудь код, который получает из строки допустим 'qwerty' следующую 'qwertz', а из строки 'qwertz' - 'qwerva'Инкрементированую строку, если это...