VueJS：setInterval 方法无法正常工作

Question

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

    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 一种方法。它将是您的 data 和 method 属性的 sibling。