首页 > 技术文章 > vue mock 数据

moguzi12345 2021-03-12 16:09 原文

1、安装:

npm install mockjs --save-dev

2、src 新建 mock.js:

const Mock = require("mockjs");

//个人会员管理
let data = Mock.mock({
    //生成100条数据 数组
    "data|13": [{
        'id': '@increment', // id
        'applyname': '@ctitle(6)', // 应用名称
        'memberName': '@cname(3)', // 会员名称
        "externalId|1000000000-10000000000": 0, // 外部系统ID
        'username': '@cname(3)', // 姓名
        "IDCardType|1-5": 0, // 证件类型
        "IDCardNo|350600000000000000-350700000000000000": 0, // 证件号码
        'phoneNumber': /^1(5|3|7|8)[0-9]{9}$/, // 手机号码
        "memberStatus|0-1": 0, // 会员状态
        "Protocol|0-1": 0, // 是否签订电子协议
        'registerTime': '@date("yyyy-MM-dd")', // 注册时间
        "certified|0-1": 0, // 是否实名
        'reviser': '@first', // 修改人
        'reviserTime': '@date("yyyy-MM-dd")', // 修改时间
    }]
})
Mock.mock('/goods/ind_goodAll', 'post', () => { //三个参数。第一个路径,第二个请求方式post/get,第三个回调,返回值
    return data
})

3、main.js 引入 mock.js:

import "./mock.js"

4、页面中调用:

import axios from "axios";
axios.post("/goods/channellogquery").then((res)=>{
    this.detailList = res.data.data;
})

 

 mock 地址:http://mockjs.com/examples.html

推荐阅读