zoukankan      html  css  js  c++  java
  • 关于vuex和Promise reject 或.catch 的报错处理。

    在我们开发过程中,经常会使用vuex来管理接口请求和返回数据。

    在vue组件页面使用computed来读取vuex中state的数据。

      getTaskList({
        commit
      }, payload) {
        const param = {
          url: 'patrol/task',
          query: payload || {}
        }
        return new Promise((resolve, reject) => {
          get(param).then(res => {
            commit('UPDATE_TASK_LIST', res.data.results)
             resolve(res)
          }).catch(err => reject(err))
        })
      }

     如上代码,在我们请求接口后,返回了Promise,并且在成功和失败时也resove和reject。

    但是如果我们在vue页面中。调用getTaskList后。如果请求失败并且没有.catch的话,在chorme控制台就会报错。

    提示没有对reject进行处理。

    这时2种解决方法:

    1. 在vux的action方法请求之后,不对结果进行resolve,reject操作。

    2. 在vue页面对此函数进行.catch失败处理。

  • 相关阅读:
    uva11552
    zoj3820 树的直径+二分
    hdu 5068 线段树加+dp
    zoj3822
    uva1424
    DAY 36 前端学习
    DAY 35 前端学习
    DAY 34 PYTHON入门
    DAY 33 PYTHON入门
    DAY 32 PYTHON入门
  • 原文地址:https://www.cnblogs.com/isylar/p/9408325.html
Copyright © 2011-2022 走看看