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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
// 导入模拟假数据的包
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。第三个就是返回的数据了。



本站访问量为: 次 。