Vue.js 在引导Vue中动态创建模板插槽<;b表>;

Vue.js 在引导Vue中动态创建模板插槽<;b表>;,vue.js,vuejs2,vue-component,bootstrap-vue,vue-slot,Vue.js,Vuejs2,Vue Component,Bootstrap Vue,Vue Slot,我正在尝试将HTML添加到Vue表的标题中。知道了这个领域的关键,我可以做这样的事情: <template v-slot:head(my_key)="data"> <span v-html="data.field.label" /> </template> 但是,我的表将有未知数量的列,每个列的起始键未知(通过axios拉入)。在我从我的服务器检索到所有密钥后,是否有一种方法可以动态设置my_key?您可以使用一个

我正在尝试将HTML添加到Vue表的标题中。知道了这个领域的关键,我可以做这样的事情:

<template v-slot:head(my_key)="data">
<span v-html="data.field.label" />
</template>

但是,我的表将有未知数量的列,每个列的起始键未知(通过axios拉入)。在我从我的服务器检索到所有密钥后,是否有一种方法可以动态设置
my_key

您可以使用一个变量来定位标头插槽。假设上面的伪代码示例中的
my_key
是一个变量的名称,那么您的示例可以改写为:


然后,您可以使用表的
字段
数组或任何键数组,使用
v-for
以所有表头插槽为目标:


数据:()=>({
字段:['a','b','c']
})