feat: 处理业务异常情况 (#103)

docs/throw-custom-error.md

@@ -0,0 +1,44 @@
+
+throw-custom-error
+
+```vue
+<template>
+  <div style="height: 400px; overflow: auto">
+    <data-list ref="dataList" v-bind="listConfig"  @error="error">
+      <!--通过slot-scope从data-list组件获取到返回的数据-->
+      <!-- get list itme data via slot, so you can customize rendering-->
+      <ul slot-scope="props">
+        <li v-for="(item, index) in props.list" :key="index">
+          {{item.name}}
+        </li>
+      </ul>
+      <div slot="error">{{errorMsg}}</div>
+    </data-list>
+  </div>
+</template>
+<script>
+import _get from 'lodash.get'
+export default {
+  data() {
+    return {
+        listConfig:{
+           url: 'https://mockapi.eolinker.com/KNhMPAkb444ac06613fc8d63795be9ad0beaf55011936ac/data-list',
+           throwCustomError:this.throwCustomError
+        },
+       errorMsg:''
+    }
+  },
+  methods:{
+     error(e){
+      this.errorMsg = e.message
+    },
+     throwCustomError(resp){
+       if(!_get(resp, 'payload')){
+         throw resp
+       }
+    }
+  }
+}
+</script>
+```
+

src/data-list.vue

@@ -116,6 +116,13 @@ export default {
     saveQuery: {
       type: Boolean,
       default: true
+    },
+    /**
+     * error 特殊处理异常情况
+     */
+    throwCustomError:{
+      type: Function,
+      default: null
     }
   },
   data() {
@@ -195,7 +202,8 @@ export default {
 
       try {
         const {data: resp} = await this.$axios.get(url + queryStr)
-
+        // 处理业务异常情况
+         this.throwCustomError && this.throwCustomError(resp)
         // 当读取结果为undefined时取默认值[]
         const data = _get(resp, this.dataPath, [])
         const action = isDirectionDown ? 'push' : 'unshift'