javascript — Vue.js передает слот в обернутый компонент Bootstrap-Vue Table

Vue.js передает слот в обернутый компонент Bootstrap-Vue Table

Я пытаюсь создать оболочку для компонента таблицы bootstrap-vue. Этот компонент использует слоты для определения шаблонов ячеек, например:

 {amp}lt;b-table :items="itemsProvider" v-bind="options"{amp}gt; {amp}lt;template v-slot:cell(id)="data"{amp}gt; ///...here goes the template for the cell's of itens key "id" {amp}lt;/template{amp}gt; {amp}lt;/b-table{amp}gt; 

Итак, созданная мной оболочка выглядит так:

  {amp}lt;div{amp}gt; {amp}lt;b-table :items="itemsProvider" v-bind="options" {amp}gt; {amp}lt;slot{amp}gt;{amp}lt;/slot{amp}gt; {amp}lt;/b-table{amp}gt; {amp}lt;b-pagination v-model="currentPage" :total-rows="rows" :per-page="perPage" /{amp}gt; {amp}lt;/div{amp}gt; на  {amp}lt;div{amp}gt; {amp}lt;b-table :items="itemsProvider" v-bind="options" {amp}gt; {amp}lt;slot{amp}gt;{amp}lt;/slot{amp}gt; {amp}lt;/b-table{amp}gt; {amp}lt;b-pagination v-model="currentPage" :total-rows="rows" :per-page="perPage" /{amp}gt; {amp}lt;/div{amp}gt; 

И я хочу назвать этот компонент так:

 {amp}lt;TableAjax :options="options"{amp}gt; {amp}lt;template v-slot:cell(id)="data"{amp}gt; ///...here goes the template for the cell's of itens key "id" {amp}lt;/template{amp}gt; {amp}lt;/TableAjax{amp}gt; 

Но, поскольку слоты, необходимые для компонента b-таблицы, названы, мне трудно передать его из оболочки.

Как я могу это сделать?

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector