no message
Former-commit-id: 347253b910c9c8fd2c5a7d563e5c59dff6759ea3 Former-commit-id: 11a8486ada0efc2244927c648ee96511b06b27dd Former-commit-id: 2549cc4501bc5f40eccdba413c8ca458dae7a3b9
This commit is contained in:
parent
ed08c6bf8a
commit
8d783c5bc8
|
|
@ -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'
|
||||
}]
|
||||
})
|
||||
|
|
@ -1,8 +1 @@
|
|||
import Mock from 'mockjs'
|
||||
|
||||
Mock.mock('/abc', {
|
||||
'list|1-10': [{
|
||||
'id|+1': 1,
|
||||
'email': '@EMAIL'
|
||||
}]
|
||||
})
|
||||
import '@/mock/demo/001'
|
||||
|
|
|
|||
|
|
@ -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,
|
||||
|
|
|
|||
|
|
@ -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
|
||||
})
|
||||
}
|
||||
```
|
||||
|
||||
|
||||
|
||||
Loading…
Reference in New Issue