Slots
該功能為選項,但如果你採用了插槽模式,你可以利用下列方式插入組件。
欄位說明
- 描述: 要顯示在該欄位的組件
如何使用
vue
<template v-slot:id="data">
<YourComponent>{{ data.value.id }}</YourComponent>
</template>
<template v-slot:name="data">
<YourComponent>{{ data.value.name }}</YourComponent>
</template>
<template v-slot:email="data">
<YourComponent>{{ data.value.email }}</YourComponent>
</template>
<template v-slot:id="data">
<YourComponent>{{ data.value.id }}</YourComponent>
</template>
<template v-slot:name="data">
<YourComponent>{{ data.value.name }}</YourComponent>
</template>
<template v-slot:email="data">
<YourComponent>{{ data.value.email }}</YourComponent>
</template>
vue
<template v-for="(col, i) of table.columns" v-slot:[col.field]="data" :key="i">
<YourComponent>{{ data.value[col.field] }}</YourComponent>
</template>
<template v-for="(col, i) of table.columns" v-slot:[col.field]="data" :key="i">
<YourComponent>{{ data.value[col.field] }}</YourComponent>
</template>