关于vue中点击的问题

Question

1.如图，初次进来，四个选项，首先激活综合选择，当我点击综合的时候，弹出下面的选项盒子，再次点击关闭选项盒子，但是当我点击其他选项，例如激活当前销量选择，然后又切换到综合的时候，不弹出综合选项盒子，只有我再次点击的综合的时候，才会弹出选项盒子。2.如果是四个选项的话，还好，可以根据index，但是综合选项那里该怎么解决呢，想到说判断是否点击了两次综合，但是又不符合，一开始进入页面默认这个逻辑

Answer 1

其实这个逻辑还是比较简单的，就是你四个都绑定同一个事件，传入一个参数就行了，根据这个参数做判断,这个参数可以是下标，也可以是选项的内容

methods: {

  foo (str) {

    if (str !== '综合') { 

      this.pand = fasle

    } else {

      this.pand = !this.pand //取反就行了

    }

  }

}

Answer 2

也就是每次进来下边的盒子都是关闭的呗？貌似就是每次点击上边的选项的时候都需要把盒子的开关状态改成关的就行了。