VueJS：setInterval方法无法正常工作

Question

请告诉我我做错了什么？我想每2秒激活一次“布料”更新。仍在学习中。谢谢

    data() {
        return {
            clothes: ['t-shirts', 'sneakers', 'jackets'],
            count: 0,
            cloth: ''
        }
    },
    methods: {
        startInterval() {
            setInterval(() => {

                this.cloth = this.clothes[this.count]
                this.count++
                if (this.count >= this.clothes.length) {
                    this.count = 0;
                }
            }, 2000)
        }
    }

Answer 1

Vue具有生命周期，您可以利用它来完成此目标。您可以加入created函数并在以下位置执行间隔：

created() {
    this.startInterval()
},

这是not方法。这将是您的sibling和data属性的method。