指示器hover问题
// 使用了 自定义分页器，但是需要使用hover分页器切换图片，浏览器没有缓存的时候第一次加载，会导致hover分页器无法使用原因是// `bullets`没有长度，不知道各位大神有没有解决办法renderBullet: (index, className) => {
return `<span class="${className}">
<div>
<span class="title">${manipulatingFont(this.setBanner[index].title, 30)}</span>
<span class="info">${this.setBanner[index].description ? manipulatingFont(this.setBanner[index].description, 40) : ''}</span>
</div>
<span class="hui"></span>
</span>`;
}methods: {etJurisdiction(as) {
setTimeout(() => {
console.log(1)
for (let i = 0; i < as.bullets.length; i++) {
console.log(2)
const that = this;
as.bullets[i].index = i
as.bullets[i].onmouseover = function() {
that.mySwiper.slideTo(this.index + 1);
that.mySwiper.autoplay.stop()
};
as.bullets[i].onmouseleave = function() {
that.mySwiper.autoplay.start()
};
as.bullets[i].onclick = function() {
if (that.setBanner[this.index].url) {
window.location.href = that.setBanner[this.index].url
}
}
}
}, 1000)
}}
组件初始化数据前添加loading，template里面swiper组件上添加v-if="!loading"
页:
[1]