const List = []
const count = 100
for (let i = 0; i < count; i++) {
List.push(Mock.mock({
id: '@id',
title: '@sentence(10, 20)',
'status|1': ['published', 'draft', 'deleted'],
author: 'name',
category: 'MT-@integer(1,1000)',
createdate: '@date',
number: 'MT-@integer(10, 100)',
opeater: 'simon@integer(500,800)',
amount: '$@integer(500,5000)',
type: 'MF-@sentence(10, 20)',
name: 'MA-@sentence(1, 20)',
qutodate: '@date'
}))
}
export default [
{
url: '/table/list',
type: 'get',
response: config => {
const { importance, type, title, page = 1, limit = 20 ,sort} = config.query
let mockList = List.filter(item => {
if(importance && item.importance !== +importance) return false
if(type && item.type !== type) return false
if(title && item.title.indexOf(title) < 0) return false
return true
})
if (sort === '-id') {
mockList = mockList.reverse()
}
const pageList = mockList.filter((item, index) => index < limit * page && index >= limit * (page -1))
return {
code: 20000,
data: {
total: mockList.length,
items: pageList
}
}
}
},
<el-table
v-loading="listLoading"
:data="list"
border
fit
highlight-current-row
style="width: 100%; margin-top: 20px"
>
<el-table-column align="center" label="ID" width="85" prop="id" :class-name="getSortClass('id')">
<template slot-scope="row">
{{ row.id }}
</template>
</el-table-column>
<el-table-column align="center" label="類別" prop="category">
<template slot-scope="{row}">
{{ row.category }}
</template>
</el-table-column>
</el-table>
created() {
this.fetchData()
},
methods: {
fetchData() {
this.listLoading = true
getList(this.listQuery).then(response => {
this.list = response.data.items
this.total = response.data.total
console.log(this.list)
setTimeout(() => {
this.listLoading = false
}, 1000)
})
}
}
沒有數據顯示 請問各位大神知道什麼原因嘛