修复浏览器报错 [Vue warn]: Error in mounted hook (Promise/async): “[object Object]“

记录bug,以便后续遇到同样问题。

错误提示:

 产生原因:

在生命周期钩子函数错误、可能在生命周期之前调用了未定义的函数、方法、对象、对象属性等

​ async mounted() {
    const { body } = await queryBookInfoList({ bizId: 2, productType: this.$constants.TRAVEL_PRODUCT_TYPE.LOCAL_LIFE })
    const { bookInfoDTOList } = body

    // 联系人默认展示的字段
    const contactsListOption = [] // 联系人信息选项
    bookInfoDTOList.forEach(item => {
      contactsListOption.push({ fieldName: item.fieldName, isRequired: item.isRequired, remark: item.remark, fieldScope: item.fieldScope, dataType: 5, scopeType: 1, bookInfoId: item.bookTid, fieldNameType: item.fieldNameType })
    })
    this.contactsListOption = contactsListOption
  }

​

修改为

 async mounted() {
    try {
      const { body } = await queryBookInfoList({ bizId: 2, productType: this.$constants.TRAVEL_PRODUCT_TYPE.LOCAL_LIFE })
      const { bookInfoDTOList } = body

      // 联系人默认展示的字段
      const contactsListOption = [] // 联系人信息选项
      bookInfoDTOList.forEach(item => {
        contactsListOption.push({ fieldName: item.fieldName, isRequired: item.isRequired, remark: item.remark, fieldScope: item.fieldScope, dataType: 5, scopeType: 1, bookInfoId: item.bookTid, fieldNameType: item.fieldNameType })
      })
      this.contactsListOption = contactsListOption
    } catch (err) {
      console.log(err)
    }
  }

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值