如何在vuetify的扩展面板中获取当前的扩展状态

时间:2020-05-20 12:16:16

标签: vue.js vuetify.js

我正在尝试在应用程序中使用vuetify扩展面板

问题:

enter image description here

考虑以上快照,在一个“扩展面板”中有五个不同的“扩展面板内容”。

所有面板的当前扩展状态为假。

此当前扩展状态存储在“扩展面板”的v模型中,如下所示

[false,false,false,false,false]

我正在尝试在“ expansion-panel-content”中获取当前的扩展状态, 看起来像这样。

<expansion-panel v-model="panel">
<expansion-panel-content>
      false
</expansion-panel-content>
<expansion-panel-content>
      false
</expansion-panel-content>
<expansion-panel-content>
      false
</expansion-panel-content>
<expansion-panel-content>
      false
</expansion-panel-content>
</expansion-panel>

这就是我尝试过的

Codepen

有什么办法可以做到这一点? 任何建议都会有所帮助。

0 个答案:

没有答案