Vuetify扩展面板无法一次扩展一个

所有5个项目都绑定到 panel 数组,这就是它们一起打开/关闭的原因。

你需要捆绑 v-model 不同值:

<v-expansion-panel
     v-for="(item, i) in 5"
        :key="i"
      expand
      v-model="panel[i]">
    ....  
</v-expansion-panel>

更改数据:

export default {
  data() {
    return {
      panel: [[true], [false], [false], [false], [true]]
    };
  }
};

Demo here

或者你可以用 v-expansion-panel-content 作为Vuetify官方示例