Vue.js выдает несколько предупреждений: Invalid prop: проверка типа не удалась для "элементов" prop.Ожидаемый массив, получил строку со значением ""

Question

Я использую vue-cli для внешнего интерфейса и express для внутреннего интерфейса.Время обработки моих внутренних данных составляет 1,7 секунды, и если я выполняю запрос в mounted (), vue уже прочитал data () и дает мне предупреждение, что он ожидает другого типа и не может выполнить сортировку и т. Д.

Есть ли способ сделать это без предупреждений?

Это моя HTML-часть:

   <v-data-table
        class="ownstyle"
        :headers="headers"
        :items="orders"
    >
        <template slot="items" slot-scope="props">
            <td >{{ props.item.value1 }}</td>
            <td >{{ props.item.value2 }}</td>
            ...
        </template>
    </v-data-table>

А вот часть сценария:

data () {
    return {
        headers: [
            { text: 'name1', value: 'value1', ...},
            { text: 'name2', value: 'value2', ...},
            ...
        ],
        orders: ''
    }
},

mounted () {
    ApiService.orders().then(
        response => (this.orders = response.data))
}

Answer 1

Таблица данных ожидает, что переменная orders, переданная через :items="orders", будет массивом.Вы определяете это как строку здесь orders: ''.Вы, вероятно, хотите использовать orders: [] вместо.