我只想在第一次渲染時顯示第一個 b-collapse。
<div v-for="(item, index) in items">
<b-button v-b-toggle="`collapse-${ item.id }`" class="m-1">{{ item.name }}</b-button>
<b-collapse :visible="index === 0" :id="`collapse-${ item.id }`">
<b-card>{{ item.description }}</b-card>
</b-collapse>
</div>
如何解決？
uj5u.com熱心網友回復：
而不是:visible，您可以嘗試下面提到的任何解決方案：
<b-collapse v-show="index === 0" :id="`collapse-${ item.id }`">
<b-card>{{ item.description }}</b-card>
</b-collapse>
- - 要么 - -
<b-collapse :style="{visibility: (index === 0) ? 'visible' : 'hidden'}" :id="`collapse-${ item.id }`">
<b-card>{{ item.description }}</b-card>
</b-collapse>
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/445232.html
上一篇：使盒子高度相同