我找不到任何關于此的說明,但我試圖理解使用 v-expension-panels 組件的概念。我是否需要將具有 v-expension-panels 子級的擴展面板的父組件宣告為 v-expension-panels 或 v-expension-panel 就足夠了?v-expension-panels 的所有點是控制多個面板還是必須宣告如果有多個面板的子級。如果我必須舉個例子:
<v-expansion-panels class="mb-6"> <---------- Is this must be v-expansion-panels or v-expansion-panel component would be enough also?
<v-expansion-panel>
<v-expansion-panel-header expand-icon="mdi-menu-down">
Item
</v-expansion-panel-header>
<v-expansion-panel-content>
<v-expansion-panels class="mb-6">
<v-expansion-panel
v-for="(item,i) in 5"
:key="i"
>
<v-expansion-panel-header expand-icon="mdi-menu-down">
Item
</v-expansion-panel-header>
<v-expansion-panel-content>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</v-expansion-panel-content>
</v-expansion-panel>
</v-expansion-panels>
</v-expansion-panel-content>
</v-expansion-panel> </v-expansion-panels>
編輯:我現在有更簡單的方法來解釋我的問題,LMAO。v-expansion-panel 組件可以有多個子面板嗎?或者這些面板的父級必須是 v-expansion-panels?
uj5u.com熱心網友回復:
<v-expansion-panels>始終是的父組件<v-expansion-panel>。沒有父級(演示 1)<v-expansion-panel>就無法正確渲染。<v-expansion-panels>
如果你想嵌套多個<v-expansion-panel>s,它們必須在它們自己的 <v-expansion-panels>父級中:
<v-expansion-panels>
<v-expansion-panel>
<v-expansion-panel-content>
<!-- NESTED PANELS -->
<v-expansion-panels>
<v-expansion-panel>
<v-expansion-panel-content>I'm a nested panel</v-expansion-panel-content>
</v-expansion-panel>
</v-expansion-panels>
</v-expansion-panel-content>
</v-expansion-panel>
</v-expansion-panels>
演示 2
轉載請註明出處,本文鏈接:https://www.uj5u.com/gongcheng/486810.html
上一篇:Uncaught(inpromise)TypeError:Cannotreadpropertiesofundefined(reading'address')
