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

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

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

1 个答案: