VueJS: viewing two properties

Question

Suppose I have two data properties:

data() {
  return {
    a: false, 
    b: false, 
  }
}

When a

and b

become true

at the same time, I want to complete a related task.

How can I use the watch method in Vue to achieve this?

+3

李明洋 May 19 '17 at 14:56

1 answer

Bert · Answer 1 · 2017-05-19T14:59:06+0000

Keep track of the calculated value.

computed:{
    combined(){
        return this.a && this.b
    }
}
watch:{
    combined(value){
        if (value)
            //do something
    }
}

There is some short hand for the above using $ watch .

vm.$watch(
  function () {
    return this.a + this.b
  },
  function (newVal, oldVal) {
    // do something
  }
)