vue实现轮播图的第一种方式

85 阅读1分钟
</div>
<script src='https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js'></script>
<script>
    let wm = new Vue({
        el: "#box",
        data: {
            arrimg: ['./img/1.jpg', './img/2.jpg', './img/3.jpg', './img/4.jpg'],
            num: 0,


        },
        mounted() {
            setInterval(() => {
                this.num++
                if (this.num >= this.arrimg.length) { this.num = 0 }
            }, 2000);
        },


    })
</script>