forked from zhurui/management
49 lines
1.1 KiB
Markdown
49 lines
1.1 KiB
Markdown
数据的获取：
|
||
|
||
经常可以看到在`el-form`中调用函数`getDataList()`，但是在源码中找不到函数`getDataList()`。
|
||
|
||
```vue
|
||
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
|
||
```
|
||
|
||
实际上这个函数是在`import mixinViewModule from '@/mixins/view-module'`中被实现，其实现如下：
|
||
|
||
```javascript
|
||
getDataList: function () {
|
||
this.page = 1
|
||
this.checkList = {};
|
||
this.query()
|
||
},
|
||
```
|
||
|
||
这里实现的方式似乎相当于对象实例化的方式：
|
||
|
||
```javascript
|
||
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
|
||
}
|
||
}
|
||
```
|
||
|