Vuejs b 表数组模板答案

【问题标题】：Vuejs b-table array templateVuejs b 表数组模板
【发布时间】：2021-12-21 22:08:46
【问题描述】：

我想创建一个可以理解数据类型的 b-table 模板，如果它是数组，那么它会显示一个在另一个下的数组键。例如：

data.item.value 可能是：

字符串
数组
json

<b-table :items="mydata"> 

<template #cell(name)="data"> 

  <b-list-group-item>
  {{data.item.value}}
  </b-list-group-item>

</template>
</b-table>

如果 data.item.value 是数组应该自动打开新的 b-list-group-item：

first b-list-group-item :  data.item.value[0].name
second b-list-group-item :  data.item.value[1].name

我该如何处理？

【问题讨论】：

标签： javascript vue.js vuejs2 vuejs3

【解决方案1】：

您可以在模板内的数组上使用v-for。然后您可以在group-item 中使用v-if 来特殊情况类型。

<b-table :items="mydata"> 
  <template #cell="data"> 
    <b-list-group-item v-for='value of data.item.value'>
      {{value.name}}
    </b-list-group-item> 
  </template>
</b-table>

【讨论】：