Mockjs怎么模拟多条数据?
发布于 2 年前 作者 wangxuedongOvO 5373 次浏览 来自 问答

前言

尝试用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 回复
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))
回到顶部