vue中点击一个事件同时触发了另一个事件怎么解决

img

img

img

    <button class="tops" v-show="display" @click.stop.prevent="add()">+</button>
            <button class="bottoms" v-show="display" @click.stop.prevent="adds()">+</button>

// 前面增加一个新的div

  add() {
      this.positionElements.push()
      console.log(111111, this.positionElements)
      console.log(2222, this.positionElementss)
      this.display = false
      // 控制占位边框的显示
      this.hasError = false
      // 控制删除按钮的显示
      this.BtnDisplay = false
    },
    // 后面增加一个新的div
    adds() {
      this.positionElementss.push()
      this.display = false
      // 控制占位边框的显示
      this.hasError = false
      // 控制删除按钮的显示
      this.BtnDisplay = false
    },

// 占位组件存放
positionElements: [],
positionElementss: [],



就把stop给删除掉

.stop - 阻止冒泡
.capture - 阻止捕获

你确定是触发了另外一个吗?你的两个console都在add()里