MockJS中的随机函数

先来看一段代码,从代码中来看MockJS中的随机函数吧。

// 导入模拟假数据的包
import Mock from "mockjs"

// 通过Mock.mock()来模拟API接口
Mock.mock('/api/goodlist', 'get', {
    status: 200,
    message: '获取商品列表成功!',
    'data|6': [
        {
            id: '@increment(1)',   
            name: '@cword(2,6)',
            price: '@natural(10,100)',
            count: '@natural(99,999)',
            img: '@dataImage(55x55)'
        }
    ]
})

increment();生成一个全局的自增整数;
cword(),生成随机的汉字,cword(2,6)是随机生成2-6个汉字;
natural()随机生成一个整数自然数,同理natural(10,100)是随机生成10-100中的数字。
dataImage(55x55)随机生成55*55大小的图片。

详见 MockJS文档
最后的console结果如下:
在这里插入图片描述
这个里面的重点是Mock.mock( rurl?, rtype?, template|function( options ) )这个用法,通过Mock.mock()来模拟API接口。括号里面有三个数据类型,前两个是可选的,后面的一个是必须要填写的。第一个是请求的API地址,第二个是请求类型,get or post。第三个就是返回的数据了。

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值