Javascript 如何使用索引在Vuejs（vuetify）中仅选择一个展开的面板？

我在我的Vue.js项目中使用Vuetify，扩展面板有问题。我在一组对象上做了一个v-for，然后我将扩展面板与外部控制一起放置。外部控制是指与面板分离的按钮，用于展开面板并关闭面板

我目前的代码是：

     <v-btn @click="showHidePanel(index)">
        Button
      </v-btn>
      <v-expansion-panels v-model="panel>
        <v-expansion-panel>
          <v-expansion-panel-content>
            I am expanded!
          </v-expansion-panel-content>
        </v-expansion-panel>
      </v-expansion-panels>

由于“panel”变量是一个数组，所以所有的面板都在扩展，但我尝试过使用整数，但它不起作用。

---

有人能帮我吗？

看起来您从中复制了

showHidePanel

函数。该功能用于切换所有面板或不切换任何面板。要仅在

索引处切换面板，请使用：

showHidePanel(index) {
  if (this.panel.indexOf(index)) {
    this.panel = this.panel.filter(i => i!=index);
  } else {
    this.panel.push(index);
  }
},

否，
此.panel
应初始化为空数组。未工作。。。当它进入第一个数组时，如果数组是空的，我不理解你的评论。是否要在开始时打开所有面板？
showHidePanel(index) {
  if (this.panel.indexOf(index)) {
    this.panel = this.panel.filter(i => i!=index);
  } else {
    this.panel.push(index);
  }
},