Пользовательский столбец DataTable и таблица с VueJS и ElementUI

Question

Я пытаюсь создать свой собственный общий тип данных с помощью VueJS и ElementUI. Но я застрял с вложенными областями применения компонентов. Позволь мне объяснить:

мой стол

<template>
  <div style="width:100%; text-align:-webkit-center">
    <el-table style="width: 100%"
      highlight-current-row
      :data="inMemoryTable">

        <slot"></slot>  

    </el-table>
  </div>
</template>

и мой стол-столбец

<template>
    <el-table-column
        :label="label">
        <template slot-scope="scope">
            <slot></slot>
        </template>
    </el-table-column>
</template>

и использование

<template>
  <r-table 
    :data="data">

    <my-tablecolumn :prop="prop1" :label="label1">
          <el-button>test</el-button>
    </my-tablecolumn>

  </r-table>
</template>

Это вызывает проблему рендеринга вложенных слотов, но я не могу ее решить. Или другой вариант - это слот в шаблоне el-table-column.

Каково твое мнение?