z $nextTick
使用
watch: {
watch: {
// 监听bannerList 数据的变化 空数组 ---》 有数据
bannerList: {
handler(newValue, oldValue) {
// console.log("oldValue:", oldValue);
// console.log("newValue:", newValue);
// 通过监听数据的变化，来初始化swiper
// nextTick: 在下次dom更新 循环结束之后 执行回调
this.$nextTick(() => {
var mySwiper = new Swiper(document.querySelector("#mySwiper"), {
loop: true, // 循环模式选项
autoplay: {
delay: 3000,
stopOnLastSlide: false,
disableOnInteraction: false,
},
// 如果需要分页器
pagination: {
el: ".swiper-pagination",
clickable: true,
},
// 如果需要前进后退按钮
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
});
});
},
},
},
免责申明：
1. 本站所有教程、文章或资源分享目的仅供大家学习和交流！
2. 如有无法查看或链接失效，麻烦请报告联系管理员处理！
3. 本站无法保证资源或其时效性，恕不接受任何提问。
4. 在本站下载的源码严禁杜绝任何形式的正式商业用途，请去程序官方购买。 所有资料均来自于网络，版权归原创者所有！本站不提供任何保证，并不承担任何法律责任，如果对您的版权或者利益造成损害，请提供相应的资质证明，我们将于3个工作日内予以删除。
