Vue.js引发多个警告：道具无效：道具“ items”的类型检查失败。 预期的数组，字符串为值“”

Question

我在前端使用vue-cli ，在后端使用express 。 我的后端数据的处理时间为1.7秒，如果我在mounted ()下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

数据表期望通过:items="orders"传递的orders变量是一个数组。 您将在以下orders: ''中将其定义为字符串orders: '' 。 您可能要使用orders: [] 。