Почему дублируются колонки в Buefy?

Question

[Влад Володько]

Здравствуйте. Использую в своем приложении библиотеку компонентов Buefy, приложение написано на vuejs.

Проблема вот в чем, при использовании компонента таблицы иногда бывает что дублируются колонки таблицы.
В чем может быть причина, может у кого такое было? Делал все по документации

Answer 1

[Влад Володько]

Разобрался в чем дело.
При использовании таблицы в компонент b-table пропсом пробрасываются колонки :columns="columns", но у меня почти у всех таблицах кастомный вид потому внутри b-table в слоте props я написал свой вывод колонок

<b-table-column v-for="(item, index) in columns" 
                :key="index" 
                :label="item.label">
                    {{
                        props.row[item.field]
                    }}
                </b-table-column>

Это рабочий код он формирует колонки и выводит данные.

Но так как в b-table мы уже пробрасываем колонки оно рендерило их дважды, нужно было просто удалить пропс columns при вызове компонента таблицы.
Было:
<b-table :data="enroll" :columns="columns" >
Стало:
<b-table :data="enroll" >

Надеюсь кому то пригодится))