no message

Former-commit-id: f3c11b2f64cc627044be20129050e193a8eec631
Former-commit-id: 49657d956a264020cda5ee3230870cf736197400
Former-commit-id: c3796afffe32e911c917133f2dc804cfe664acd7
This commit is contained in:
liyang
2018-06-06 22:42:53 +08:00
parent 64f1a1f9a4
commit 51c2260e8f
18 changed files with 4 additions and 36 deletions

View 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>