Hello!
I get console error: “Unable to preventDefault inside passive event listener invocation.”
This error display for photo browser page - tap events. Page work well. Any ideas how this change?
My page code:
<template>
<div class="page">
<div class="navbar nav-white">
<div class="navbar-inner sliding">
<div class="left">
<a href="#" class="link back">
<i class="icon icon-back"></i>
<span class="if-not-md">Назад</span>
</a>
</div>
<div class="title">Название товара</div>
<div class="right">
<a class="link icon-only">
<i class="icon f7-icons">share</i>
</a>
<a href="#" class="link icon-only">
<i class="icon f7-icons">heart</i>
</a>
</div>
</div>
</div>
<div class="page-content">
<div style="height: 300px;background-color:#333">
<div data-pagination='{"el": ".swiper-pagination"}' data-navigation='{"nextEl": ".swiper-button-next", "prevEl": ".swiper-button-prev"}' data-lazy='{"enabled": true}' class="swiper-container swiper-init demo-swiper-lazy">
<div class="swiper-wrapper">
<div class="swiper-slide"><img data-src="https://cdn.framework7.io/placeholder/nature-1024x1024-1.jpg" class="swiper-lazy" @click="openStandaloneDark(1)"/>
<div class="preloader swiper-lazy-preloader"></div>
</div>
<div class="swiper-slide"><img data-src="https://img-fotki.yandex.ru/get/6615/137106206.1d4/0_9e1c7_f1cdbcda_orig.jpg" class="swiper-lazy" @click="openStandaloneDark(2)"/>
<div class="preloader swiper-lazy-preloader"></div>
</div>
<div class="swiper-slide"><img data-src="https://via.placeholder.com/800x500/FF0000/?text=Load+screen" class="swiper-lazy" @click="openStandaloneDark(3)"/>
<div class="preloader swiper-lazy-preloader"></div>
</div>
<div class="swiper-slide"><img data-src="https://cdn.framework7.io/placeholder/nature-1024x1024-4.jpg" class="swiper-lazy" @click="openStandaloneDark(4)"/>
<div class="preloader swiper-lazy-preloader"></div>
</div>
<div class="swiper-slide"><img data-src="https://cdn.framework7.io/placeholder/nature-1024x1024-5.jpg" class="swiper-lazy" @click="openStandaloneDark(5)"/>
<div class="preloader swiper-lazy-preloader"></div>
</div>
<div class="swiper-slide"><img data-src="https://cdn.framework7.io/placeholder/nature-1024x1024-6.jpg" class="swiper-lazy" @click="openStandaloneDark(6)"/>
<div class="preloader swiper-lazy-preloader"></div>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</div>
</div>
return {
data: function () {
slides = [];
slides.push({
'url': 'https://cdn.framework7.io/placeholder/nature-1024x1024-1.jpg',
'id': 1
});
slides.push({
'url': 'https://img-fotki.yandex.ru/get/6615/137106206.1d4/0_9e1c7_f1cdbcda_orig.jpg',
'id': 2
});
slides.push({
'url': 'https://via.placeholder.com/800x500/FF0000/?text=Load+screen',
'id': 3
});
slides.push({
'url': 'https://cdn.framework7.io/placeholder/nature-1024x1024-4.jpg',
'id': 4
});
slides.push({
'url': 'https://cdn.framework7.io/placeholder/nature-1024x1024-5.jpg',
'id': 5
});
slides.push({
'url': 'https://cdn.framework7.io/placeholder/nature-1024x1024-6.jpg',
'id': 6
});
return {
photos: slides,
}
},
methods: {
openStandaloneDark: function (id) {
const self = this;
//self.standaloneDark.open(id);
var myPhotoBrowserPage = app.photoBrowser.create({
photos: self.photos,
theme: 'dark',
backLinkText: 'Закрыть',
navbarOfText: 'из',
});
myPhotoBrowserPage.open(slides[id]);
}
},
}