no message
Former-commit-id: f3c11b2f64cc627044be20129050e193a8eec631 Former-commit-id: 49657d956a264020cda5ee3230870cf736197400 Former-commit-id: c3796afffe32e911c917133f2dc804cfe664acd7
This commit is contained in:
69
src/pages/demo/plugins/mock/dtd.vue
Normal file
69
src/pages/demo/plugins/mock/dtd.vue
Normal file
@@ -0,0 +1,69 @@
|
||||
<template>
|
||||
<Container type="ghost">
|
||||
<el-card class="dd-mb">
|
||||
<PageHeader
|
||||
slot="header"
|
||||
title="数据模板"
|
||||
url="https://github.com/nuysoft/Mock">
|
||||
</PageHeader>
|
||||
<Markdown url="/static/md/插件 - mock演示页面介绍.md"></Markdown>
|
||||
</el-card>
|
||||
<MockDemoCard
|
||||
v-for="(item, index) in settingDTD"
|
||||
:key="index"
|
||||
:title="item.title"
|
||||
:code="JSON.stringify(item.json, null, 2)"
|
||||
:mock="mockResult[index]"
|
||||
@reload="doMock(index)">
|
||||
</MockDemoCard>
|
||||
<MockDemoCard
|
||||
:title="fn.title"
|
||||
:code="fn.code"
|
||||
:mock="fn.mocked"
|
||||
@reload="fnMock()">
|
||||
</MockDemoCard>
|
||||
<MockDemoCard
|
||||
:title="regexp.title"
|
||||
:code="regexp.code"
|
||||
:mock="regexp.mocked"
|
||||
@reload="regexpMock()">
|
||||
</MockDemoCard>
|
||||
</Container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Vue from 'vue'
|
||||
import clone from '@/utils/clone.js'
|
||||
import Mock from 'mockjs'
|
||||
import settingDTD from '../../data/settingDTD'
|
||||
import regexp from '../../mixins/regexp'
|
||||
import fn from '../../mixins/function'
|
||||
export default {
|
||||
mixins: [
|
||||
regexp,
|
||||
fn
|
||||
],
|
||||
components: {
|
||||
MockDemoCard: () => import('../../components/MockDemoCard')
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
mockResult: [],
|
||||
settingDTD,
|
||||
settingDTDClone: clone(settingDTD)
|
||||
}
|
||||
},
|
||||
mounted () {
|
||||
this.settingDTD.forEach((e, i) => {
|
||||
this.doMock(i)
|
||||
})
|
||||
this.fnMock()
|
||||
this.regexpMock()
|
||||
},
|
||||
methods: {
|
||||
doMock (n = 0) {
|
||||
Vue.set(this.mockResult, n, JSON.stringify(Mock.mock(this.settingDTDClone[n].json), null, 2))
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
Reference in New Issue
Block a user