no message

Former-commit-id: 347253b910c9c8fd2c5a7d563e5c59dff6759ea3
Former-commit-id: 11a8486ada0efc2244927c648ee96511b06b27dd
Former-commit-id: 2549cc4501bc5f40eccdba413c8ca458dae7a3b9
This commit is contained in:
李杨 2018-01-16 09:13:15 +08:00
parent ed08c6bf8a
commit 8d783c5bc8
4 changed files with 52 additions and 10 deletions

13
src/mock/demo/001.js Normal file
View File

@ -0,0 +1,13 @@
import Mock from 'mockjs'
Mock.mock('/api/demo/001', {
'list|4-10': [{
'id|+1': 1,
'name': '@CNAME',
'star|1-5': '★',
'delFlag|1': [0, 1],
'creatDate': '@DATE',
'address': '@CITY',
'zip': '@ZIP'
}]
})

View File

@ -1,8 +1 @@
import Mock from 'mockjs'
Mock.mock('/abc', {
'list|1-10': [{
'id|+1': 1,
'email': '@EMAIL'
}]
})
import '@/mock/demo/001'

View File

@ -4,7 +4,7 @@
<div slot="header">
<el-button @click="ajax">发送请求</el-button>
</div>
<el-table v-bind="table" style="width: 100%">
<el-table v-bind="table" style="width: 100%" class="mb">
<el-table-column
v-for="(item, index) in table.columns"
:key="index"
@ -12,6 +12,7 @@
:label="item.label">
</el-table-column>
</el-table>
<Markdown url="/static/markdownFiles/article/mock拦截ajax.md"></Markdown>
</el-card>
</Container>
</template>
@ -31,7 +32,7 @@ export default {
},
methods: {
ajax () {
this.$axios.get('/abc')
this.$axios.get('/api/demo/001')
.then(res => {
this.table.columns = Object.keys(res.data.list[0]).map(e => ({
label: e,

View File

@ -0,0 +1,35 @@
`src/mock/demo/001.js` 配置拦截返回的数据
```
import Mock from 'mockjs'
Mock.mock('/api/demo/001', {
'list|4-10': [{
'id|+1': 1,
'name': '@CNAME',
'star|1-5': '★',
'delFlag|1': [0, 1],
'creatDate': '@DATE',
'address': '@CITY',
'zip': '@ZIP'
}]
})
```
请求数据
```
ajax () {
this.$axios.get('/api/demo/001')
.then(res => {
this.table.columns = Object.keys(res.data.list[0]).map(e => ({
label: e,
prop: e
}))
this.table.data = res.data.list
})
}
```