zoukankan      html  css  js  c++  java
  • typescript开发vue项目二次封装的axios用return Promise.reject(error) 返回异常,提示[Vue warn]: Error in v-on handler (Promise/async)

    二次封装axios时刻意服务端模拟了延迟返回数据的场景,用return Promise.reject(error) 返回异常,报如下错误,

    [Vue warn]: Error in v-on handler (Promise/async): "Error: timeout of 5000ms exceeded"

    export default class Page1 extends Vue {
      private async getList() {
        const {data,pagination} = await getArticles(this.listQuery)
        console.log('data: ',data)
        console.log('pagination: ',pagination)
      }
    }

    解决办法:用 try{} catch(e){} 包裹处理方法

    export default class Page1 extends Vue {
      private async getList() {
        try {
          const {data,pagination} = await getArticles(this.listQuery)
          console.log('data: ',data)
          console.log('pagination: ',pagination)
        } catch (e) {
          console.log(e.message)
        }
      }
    }
  • 相关阅读:
    hadoop wordcount
    hadoop map reduce 实例wordcount的使用
    玉髓
    数据类型检测的四种方式
    天猫前端招聘要求
    正则示例1
    字面量和实例创建的区别
    正则表达式
    面试题1
    this关键字
  • 原文地址:https://www.cnblogs.com/rapale/p/14242393.html
Copyright © 2011-2022 走看看