首页 > 其他分享 >vue mock

vue mock

时间:2022-11-13 22:57:27浏览次数:41  
标签:vue initData params mock data id Mock

vue 域名定义引用已经定义的
`${direct.sitv1}/path`


抖动
currenMethod: debounce(function(){
action;
},100);

 


import Mock from 'mockjs';
import {getQueryParams} from '#/utils/common';
const initData = Mock.mock({
'data|200':[{
'id|+1':10000,
code:'@id',
road:'@country(true)',
time:'@date("yyyy-MM-dd")',
isExclusive:'@boolean',
amount:'@natural(6)',
agencyNo:'@integer(60,100)',
mobilePhone:/^1[34578]\d{9}$/,
'agencyLevel|1-10':1

}],
'data|201':[{
'id|+1':10000,
code:'@id',
road:'@country(true)',
time:'@date("yyyy-MM-dd")',
isExclusive:'@boolean',
'note':'@csentence(2)',
descrip:'@cparagrahp(1)',
pname:'@ctitle(2,4)',
amount:'@natural(6)',
agencyNo:'@integer(60,100)',
mobilePhone:/^1[34578]\d{9}$/,
'agencyLevel|1-10':1

}]
...
})

const demo = [
{
type:'get',
path:'/mock/test',
data:function(req){
const params = getQueryParams(req.utl);

return Mock.mock({
code:200,
message:'success',
rows:Arrays.from(initData.data).splice((params.pageNum-1)*params.pageSize,params.pageSize),
data:{
pageNum:1,
list:initData.data.splice(0,10),
total:initData.data.length,
}
})
}
}
]
export default demo

Mock.mock(RegExp('employee/change/list'),'get',option=>{
return {}
});

 

标签:vue,initData,params,mock,data,id,Mock
From: https://www.cnblogs.com/sxsheng/p/16887570.html

相关文章

  • Vue 刷新后回登陆页
    在Vue项目中无论在当前在哪个页面上时,如果点击浏览器的刷新实现回到登陆页的方法  在 App.vue 中 this.$router.push("/");//直接跳转至首页beforeCreate(){}......
  • vue实现上下切换自动轮播 移入移出暂停轮播
    <template><divclass="about"><divstyle="display:flex;"><divclass="left"><divclass="box1"><divclass="box2":style="{bac......
  • sh: vue-cli-service: command not found
    mac环境下运行vue项目报错sh:vue-cli-service:commandnotfound解决方法:cd到项目目录下,执行命令sudorm-rfnode_modulespackage-lock.json&&npminstall然后根......
  • 47.vue-router的钩子函数
    钩子函数就是路由导航守卫;有7个守卫,分为3类;全局守卫:在全部的组件生效;beforeEach全局前置守卫afterEach全局后置守卫 解析守卫......
  • 初识Vue
    一、什么是Vue简单的说,Vue是一个用来开发Web界面的前端库,就是一个叫vue.js的文件,就好比jQuery库的jquery.js。但Vue远不止这些,vue周边还发展了很多其他的工具,也都是一堆j......
  • 46.使用过vuex和vue-router吗
    使用过,vuex是状态管理工具,它的数据可以被所有的组件获取,方法可以被所有的组件调用;vuex 的内部的运行机制:state提供了数据驱动视图,dispath派发actions执行异步操作,comm......
  • 组件之间的通信2-->vuex状态管理
    在上期,我们讲了父子组件的传递方式,但是,如果我们想知道这些数据从哪里来的话,就需要一层一层找父组件,最后才能找到数据,容易造成Prop逐级透传问题今天,我们将介绍另一......
  • 【Vue2-04】scoped样式
    scoped样式作用:让样式在局部生效,防止冲突写法:<stylescoped><template><div></div></template><script>exportdefault{}</script......
  • 【Vue2-02】ref属性
    ref属性被用来给元素或子组件注册引用信息(id的替代者)应用在html标签上获取的是真实DOM元素,应用在组件标签上是组件实例对象(vc)使用方式:打标识:<h1ref="xxx">...</......
  • 【Vue2-03】props属性
    props配置功能:让组件接收外部传过来的数据数据传递:<Demoname="xxx">接收数据:方式一(只接收): props:['name'] 方式二(限制类型): props:{ name:String......