212  
   0
查询码:00001113
iview-admin mock模拟接口数据
作者: 郁冲冲 于 2020年03月17日 发布在分类 / 人防组 / 人防前端 下,并于 2020年03月17日 编辑
iview-admin mock模拟假数据

vue使用mock模拟数据：

首先，需要安装mock


npm install mockjs --save-dev
在main.js中引入mock


粘贴图片

粘贴图片

注释：mock/data中放置模拟数据

举例：

1.模拟好所需数据结构

粘贴图片

2. 新建notice.js文件，导出

粘贴图片


3. index.js中注册一下

粘贴图片


4. 实际使用

粘贴图片


5. 实际获取到的数据


粘贴图片


如何产参数？

举例：

粘贴图片


粘贴图片


粘贴图片


优点 ：不必等接口完成后进行调试。

坑：粘贴图片


 同类知识

 推荐知识
 历史版本
修改日期 修改人 备注
2020-03-17 17:22:18[当前版本] 郁冲冲 1.1.0
2020-03-17 10:58:51 郁冲冲 1.1.0

 附件
附件类型

PNGPNG

知识分享平台 -V 4.8.7 -wcp