vue--两个函数相互调用防止死循环

在两个函数相互调用遭遇死循环的问题，使用时报错

111.png

原因：程序进入了死循环

解决方案：

• 1.在data() 里定义一个参数，val1

  data() {
    return {
        val1: 2
      }
  }
  

• 2.在方法里判断，哪一个函数是被点击的，哪一个函数是被调用的,然后对this.val1进行处理，作为判断条件使用

  volume() {
      this.val1--
      if(this.val1 == 1) {
          console.log('volume先被点击；changeName后被调用的')
           this.changeName()
      } else {
        this.val1 = 2
      }
  },
   changeName() {
      this.val1--
      if(this.val1 == 1) {
          console.log('changeName先被点击；volume后被调用的')
           this.volume()
      } else {
        this.val1 = 2
      }
  },