vue.js - vue中如何首次赋值不触发watch？

问题描述

问 题

vue组件中watch了某个数据，想在首次赋值改数据的时候，不触发watch，用标记变量，只能用setTimeout延迟修改标记变量，有时操作快时候，标记变量还修改，造成不起作用，各位有何好办法？

解决方案

题主的意思是不是这样的：

data () {
    return {
        a:null
    }
}

methods: {
    initA () {
        this.a = 1
    },
    changeA () {
        this.a = 2
    },
    aChangeHandler () {
        // do something while a change
    }
}

在initA的时候不触发watch,在changeA的时候触发

如果是这样的话，可以在this.a = 1后，增加this.$watch('a', this.aChangeHandler)，这样首次赋值是不会触发aChangeHandler的，只有后面的会触发

详见http://codepen.io/quietcoder/...

这篇关于vue.js - vue中如何首次赋值不触发watch？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！