Arrays Vuejs中数组中的数组

我有一个数据集，其中一个值是另一个数组，我在父数组中循环，但是当我到达有另一个数组的元素时，我似乎无法让它显示出来。下面是我代码的相关部分

我在创建一个表时循环遍历我的列，并且我在列上有一个排序函数。理想情况下，我不希望对元素列进行排序。我得到了很好的输出，除了列，它是一个项目数组，而不仅仅是一个值。我想在这些元素上使用一个v-for，这样我就可以按我需要的方式格式化。Tablefilter是一个计算属性，它仅按文件名对数据进行排序

<table id="assets">
        <thead>
        <tr>
            <th v-for="(head, key) in columns" v-on:click="sort(key)" v-bind:class="{active: sortkey == key}" nowrap>
                ${head['displayname']}
                <span v-bind:class="['arrow', sortorders[key] > 0 ? 'asc' : 'dsc']"></span>
            </th>
        </tr>
        </thead>
        <tbody>
        <tr v-for="item in tableFilter">
            <td v-for="(head, key) in columns">
                <span v-if="head.displayname != 'Elements'">${item[key]}</span>
                <span v-else>


                    //This is where I need help
                    <br v-for="element in item[key]">
                        ${element}
                    </br>


                </span>
            </td>
        </tr>
        </tbody>
    </table>

---更新--- 如果我输入以下代码，它将显示所有元素

<br v-for="elem in item[key]">
                        ${item[key]}
                    </br>

${item[key]}

但如果我试图输出elem，它将给出一个错误，即elem未声明

<br v-for="elem in item[key]">
                        ${elem}
                    </br>

${elem}


也许我完全错了，但是为什么在

上使用v-for呢

尝试用
替换它：


${elem}
此外，如果您不想在其周围使用包装元素，请改用
，即
…
。
<br v-for="elem in item[key]">
                        ${elem}
                    </br>

<div v-for="elem in item[key]" :key="item.id">
    ${elem}
</div>