[Vue warn]: Invalid prop: type check failed for prop “tableData”. Expected array, got Promise

控制台打印数组，到第二页的时候没能打印出来，报错信息报错信息：tableData类型检查失败。定义的返回结果是Array，但是却得到了Promise原先代码：// 获取后台接口数据async getList() {await fetchList(this.tablePage).then(response => {this.tableData = response.data.itemsthi

sophialise

3086人浏览 · 2021-07-11 07:48:46

sophialise · 2021-07-11 07:48:46 发布

控制台打印数组，到第二页的时候没能打印出来，报错信息

报错信息：tableData类型检查失败。定义的返回结果是Array，但是却得到了Promise

原先代码：

// 获取后台接口数据
async getList() {
    await fetchList(this.tablePage).then(response => {
    this.tableData = response.data.items
    this.tablePage.total = response.data.total
  })
}

原因是对async await 异步优化成同步不理解，返回结果应是Promise，我在接收数组的时候，是这样的

this.tableData = this.getList()

在调用时，直接this.getList()就行了，获取列表已经在方法内部获取了

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^