正确使用Vue手表

Question

我只想在某个 data值等于 true时才触发方法。在搜查文档后，我决定使用Watch选项，但是我只想检查true值：

  export default {
    data () {
        return {
            staticMode: true,
        }
      },
      methods: {
        checkStatic: function() { 
           ...
           console.log('static mode is on')
        }
      },
      watch: {
        staticMode: function () {
          if(this == true) {
            checkStatic()
        }
      }

手表方法ID从未触发，因为没有任何内容在控制台中登录。我确定语法是关闭的...有什么建议？

Answer 1

手表变量的新值像这样传递到函数中：

export default {
    data () {
        return {
            staticMode: true,
        }
      },
      methods: {
        checkStatic: function() { 
           ...
           console.log('static mode is on')
        }
      },
      watch: {
        staticMode: function (value) {
          if(value === true) {
            console.log(true)
            this.checkStatic()
        }
      }
}