Mockjs怎么模拟多条数据？

问答

WwangxuedongOvO发布于9 年前最后回复9 年前|3 回复9419 浏览0 收藏

前言

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

问题

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

查看回复

godghdai#1·9 年前

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·9 年前

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

wangxuedongOvO#3·9 年前

引用 godghdai

@godghdai 谢谢了。

参与回复

登录后即可参与回复。登录

Mockjs怎么模拟多条数据？

前言

问题

回复 (3)