Слоты b-таблицы Vue.js не отображаются правильно - PullRequest
Новая
       32

Слоты b-таблицы Vue.js не отображаются правильно

1 голос
/ 05 ноября 2019

Моя таблица Vue-bootstrap неправильно отображает слоты.

Если я скопирую примеры веб-сайта Bootstrap-Vue в мое приложение Vue, слоты не отображаются. Приложение компилируется без ошибок. Некоторые слоты (например, занятые таблицей) работают правильно, но другие не 

<template>
<b-table
  :fields="tableHeaders"
  :items="tableRows"
  :busy="!tableLoaded"
>
  <template v-slot:cell()="data">
    <i>{{ data.value }}</i>
  </template>
</b-table>
</template>

<script>
export default {
  data() {
    tableHeaders: [
      {
        key: 'Employee',
        stickyColumn: true,
        isRowHeader: true,
        variant: 'primary',
      }, 
      'Status'
    ],
    tableRows: [
      Employee: 'Emp 1', status: 'Active',
      Employee: 'Emp 2', status: 'Active',
    ]
}
</script>

Значения данных не отображаются курсивным шрифтом. Компилятор не показывает ошибок. Кто-нибудь знает, как это можно решить?

...