Как запустить функцию в зависимости от флага?

Question

[Andy Oker]

У меня есть форма. Когда она заполнена параметр isValidate равен true иначе false.
Как мне следить за изменением isValidate и когда оно true - запускать новую функцию?

Answer 1

[Александр]

watch, не?
https://ru.vuejs.org/v2/guide/computed.html#%D0%9C...

Comments

[Александр]

смотря для чего запускать эту вашу функцию, в некоторых случаях можно использовать computed

[Andy Oker]

Александр, isValidate это getter из vuex. И вот когда он изменяется я хочу запустить функцию, условно, обычный aler(). Если watch применять мне еще поле в data придется создать, чтобы его отслеживать, правильно понимаю?

[Александр]

тогда можно смапить этот геттер в computed свойство и "вотчить" уже за ним

[Andy Oker]

Александр, что?

[Александр]

Как-то примерно так:

import { mapGetters } from 'vuex'

export default {
  // ...
  computed: {
    // mix the getters into computed with object spread operator
    ...mapGetters([
      'doneTodosCount',
      'anotherGetter',
      // ...
    ])
  },
  watch: {
    doneTodosCount(newVal, oldVal) {
      if (newVal !== oldVal && newVal) {
        alert('!!!');
      }
    },
  },
}

можно взглянуть на код компонента?

[Александр]

а, сорян, можно еще короче:

...

  created() {
    this.$watch('isValidate', newValue => {
      if (newValue) {
        alert('!!!');
       }
    });
  },

  ...

[Andy Oker]

Александр, Круто, спасибо =)