vuejs2 - 动态折叠组件在 bootsrap-vue 中不起作用
问题描述
我正在尝试将 bootstrap-vue 中的折叠组件添加到我正在创建的表中(不是 bootstrap-vue 表,因为发现使用普通表更容易)
谁能告诉我为什么这会按预期工作(但显然会打开每个具有相同 ID 的折叠组件)
<td>
<fa icon="bars" v-b-toggle.collapse2/>
</td>
</tr>
<td colspan="4">
<b-collapse id="collapse2" >
<b-card>
<p class="card-text">Collapse contents Here</p>
</b-card>
</b-collapse>
</td>
但这不起作用,我知道我在 case.id 中有一个唯一的 id
<td>
<fa icon="bars" v-b-toggle="'collapse-' + case.id" />
</td>
</tr>
<td colspan="4">
<b-collapse id="'collapse-' + case.id" >
<b-card>
<p class="card-text">Collapse contents Here</p>
</b-card>
</b-collapse>
</td>
非常感谢
解决方案
推荐阅读
- django - inlineformset_factory 中的小部件
- graphql - GraphQLError:语法错误:预期名称,找到 [
- c++ - 取两个数组的差异并将它们的数量记录在第三个数组中
- php - 将目录名称和文件夹大小保存为二维数组
- linux - Unix:共享内存。shm_open() 返回 -1
- python - 在网格的每个单元格中查找出现次数最多的颜色
- ios - 将时间、日期和标题添加到 UITable 单元格视图
- python - Python Dask AttributeError:“模块”对象没有属性“broadcast_to”
- javascript - 带有 HTML 字符串的 Angular 反应式表单设置值
- python - QGLWidget无法正常初始化