在点击事件中的判断基于watch生成的一个变量,执行先后顺序

Vue中watch的全面讲解

watch: {
    checkIndex(newData, oldData) {
          this.switchOrNot = true;
          console.log("切换了");
          console.log(this.switchOrNot);
       
    }
  },
  methods: {
    deleteButton(index) {
      this.checkIndex = index;
      if (this.oldFlag == index) {
        this.switchOrNot = false;
      } else {
        this.switchOrNot = true;
      }
      this.singleChoice = this.switchOrNot
        ? true
        : (this.singleChoice = !this.singleChoice);
       this.oldFlag = index;
       console.log('haha');
    }
  },

在deleteButton方法中想用watch中switchOrNot变化的值,但是实际上是不行的。在这里插入图片描述
是在函数执行最后再执行watch中的代码的。


版权声明:本文为qq_43067405原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。