BootstrapVue - свойство или метод "data" не определены ... при использовании слотов с областями видимости - PullRequest
Новая
       45

BootstrapVue - свойство или метод "data" не определены ... при использовании слотов с областями видимости

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

Здравствуйте, я учусь использовать BootstrapVue, я скопировал пример из официальной документации BootstrapVue - 

<template>
  <div>
    <b-table :fields="fields" :items="items" foot-clone>
      <!-- A custom formatted data column cell -->
      <template v-slot:cell(name)="data">
        {{ data.value.first }} {{ data.value.last }}
      </template>

      <!-- A custom formatted header cell for field 'name' -->
      <template v-slot:head(name)="data">
        <span class="text-info">{{ data.label.toUpperCase() }}</span>
      </template>

      <!-- A custom formatted footer cell for field 'name' -->
      <template v-slot:foot(name)="data">
        <span class="text-danger">{{ data.label }}</span>
      </template>

      <!-- Default fall-back custom formatted footer cell -->
      <template v-slot:foot()="data">
        <i>{{ data.label }}</i>
      </template>
    </b-table>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        fields: [
          // A column that needs custom formatting
          { key: 'name', label: 'Full Name' },
          // A regular column
          'age',
          // A regular column
          'sex'
        ],
        items: [
          { name: { first: 'John', last: 'Doe' }, sex: 'Male', age: 42 },
          { name: { first: 'Jane', last: 'Doe' }, sex: 'Female', age: 36 },
          { name: { first: 'Rubin', last: 'Kincade' }, sex: 'Male', age: 73 },
          { name: { first: 'Shirley', last: 'Partridge' }, sex: 'Female', age: 62 }
        ]
      }
    }
  }
</script>

На странице учебного руководства все работает нормально, но когда я запускаю это, я получаю следующее: Property or method "data" is not defined... Я полагаю, что из-за <template v-slot:cell(name)="data"> частей как-то не создаются данные, но я не знаю, почему и как это исправить, пожалуйста, помогите.

1 Ответ

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

Да, версия была проблемой. Я использовал Vue 2.5.x после того, как обновил его до 2.6.10, он работал без проблем, как и в учебниках.

...