1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61

const list = {
  data () {
    return {
      loading: false,
      pageParam: {
        pageNum: 1, 
      pageSizes: [10, 20, 30, 50], 
      pageLayout: 'total, sizes, prev, pager, next, jumper', 
    }
  },
  methods: {
      this.pageParam.pageSize = val
      this.getList()
    },
    handleCurrentChange (val) {
      this.pageParam.pageNum = val
      this.getList()
    },
     * 表格数据请求成功的回调 处理完公共的部分（分页，loading取消）之后把控制权交给页面
     * @param {*} apiResult
     * @returns {*} promise
     */
    listSuccessCb (apiResult = {}) {
      return new Promise((resolve, reject) => {
        let tempList = [] 
          this.loading = false
          tempList = apiResult.data
          this.pageParam.total = apiResult.page.total
        } catch (error) {
          reject(error)
        }
      })
    },
     * ==> 简单处理 仅仅是对表格处理为空以及取消loading
     */
    listExceptionCb (error) {
      this.loading = false
      console.error(error)
    }
  },
  created () {
    this.$nextTick().then(() => {
  }
}
export default list

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

import mixin from '@/mixins/list' 

import {getList} from '@/api/demo'
export default {
  name: 'mixins-demo',
  mixins: [mixin], 
    return {
    }
  },
  methods: {
      const params = { ...this.searchForm, ...this.pageParam }
      fetchUserList(params).then(res => {
        if (res.code === 0) {
          this.listSuccessCb(res).then((list) => {
            this.list = list
          }).catch((err) => {
            console.log(err)
          })
        }
      })
    },
  },
  created() {
    this.load()
  }
}