Mockjs怎么模拟多条数据？
前言
尝试用vue写一些小demo，数据部分用的是mock模拟的，完整代码如下：
<template>
<el-table
:data="tableData"
border
style="width: 55%">
<el-table-column
prop="date"
label="日期"
width="180">
</el-table-column>
<el-table-column
prop="name"
label="姓名"
width="180">
</el-table-column>
<el-table-column
prop="address"
label="地址">
</el-table-column>
</el-table>
</template>
<script>
var Mock = require('mockjs')
export default {
data () {
return Mock.mock({
'tableData|10': [{
date: Mock.mock('@date("yyyy-MM-dd")'),
name: Mock.mock('@cname'),
address: Mock.mock('@county(true)')
}]
})
}
}
</script>
显示效果如下：
问题
虽然达到了模拟数据的功能，但是模拟的十条数据都是一样的，请问如何让模拟的数据的十条数据都不一样？？？在线等
3 回复
var Mock = require('mockjs');
var Random = Mock.Random;
data = Mock.mock({
'tableData|10': [{
date: ()=>Random.date(),
name: ()=>Random.cname(),
address: ()=>Random.county(true)
}]
});
console.log(JSON.stringify(data, null, 4))
