management/front/dkha-web-sz-main/前端笔记.md

数据的获取：

​ 经常可以看到在el-form中调用函数getDataList()，但是在源码中找不到函数getDataList()。

<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">

​ 实际上这个函数是在import mixinViewModule from '@/mixins/view-module'中被实现，其实现如下：

getDataList: function () {
    this.page = 1
    this.checkList = {};
    this.query()
},

​ 这里实现的方式似乎相当于对象实例化的方式：

import mixinViewModule from '@/mixins/view-module'
import AddOrUpdate from './user-add-or-update'
export default {
  mixins: [mixinViewModule],
  data () {
    return {
      mixinViewModuleOptions: {
        // 这里实际上就是getDataList要访问的API
        getDataListURL: '/sys/user/page',
        getDataListIsPage: true,
        deleteURL: '/sys/user',
        deleteIsBatch: true,
        exportURL: '/sys/user/export'
      },
      dataForm: {
        username: '',
        deptId: '',
        gender: ''
      }
    }
  },
  components: {
    AddOrUpdate
  }
}