Watch two variables and only trigger if both have been changed ? VueJs

Question

I want to watch two variables (or more) and trigger a method only if both variables change. So far, I have only figured out how to watch multiple elements and trigger a function when one element changes.

is there any solution ?

have 2 single watchers and have a check inside each to see if the other value has also changed — depperm
– depperm, Commented Mar 25, 2020 at 12:33
Why don't you check if the two variables are set in the function that should be called from the two watchers? — Majed Badawi
– Majed Badawi, Commented Mar 25, 2020 at 12:34
the variables are in the store, and the watcher and the method are in a mixin. @depperm how do you check in a watcher if the other value changed ? — Daly
– Daly, Commented Mar 25, 2020 at 12:52
@MajedBadawi I need to check if the variabled have been changed and not to check if they are set — Daly
– Daly, Commented Mar 25, 2020 at 12:55

Alex Brohshtut · Accepted Answer · 2020-03-25 12:46:42Z

2

You can try the following:

      computed: {
        twoVariables: {
          return [this.var1, this.var2]
        }
      },
      watch: {
        twoVariables(newValue, oldValue) {
          if (newValue[0] !== oldValue[0] && newValue[1] !== oldValue[1]) {
            //do stuff
          }
        }
      }

answered Mar 25, 2020 at 12:46

Alex Brohshtut

2,06013 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Watch two variables and only trigger if both have been changed ? VueJs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related