Slots

この機能はオプションです。スロットモードを有効する場合、下記のようなやり方でコンポーネントを利用することができます。

コラム説明

説明: コラムに表示させたいコンポーネント

如何使用

使用法1 (コラムにそれぞれ違うコンポーネントを利用する場合)使用法2 (すべてのコラムに同じコンポーネントを利用する場合)

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>

Slots ​

コラム説明 ​

如何使用 ​

Slots

コラム説明

如何使用