Nuxt CNode：Node.js专业中文社区

Mockjs怎么模拟多条数据？

发布于 8 年前作者 wangxuedongOvO 9197 次预览最后一次回复是 8 年前来自问答

前言

尝试用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>

显示效果如下： QQ截图20170816171609.png

问题

虽然达到了模拟数据的功能，但是模拟的十条数据都是一样的，请问如何让模拟的数据的十条数据都不一样？？？在线等

3 回复

godghdai

1楼•8 年前

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

cor7ona

2楼•8 年前

文档里写的挺清楚的啊来自牛读 - 定制的技术类资讯聚合阅读器

wangxuedongOvO

3楼•8 年前

@godghdai 谢谢了。