vue使用mock模擬虛擬數(shù)據(jù)

npm install mockjs

import Mock from 'mockjs'
此處引入mock
const Random = Mock.Random

//定義需要傳遞的數(shù)據(jù)
let sponsor = {
code: 0,//
message: "操作成功",//消息
page: {//頁面
pageIndex: -1,//頁面指針
pageSize: 6,//頁面大小
allCount: 1,//全部計算
pageCount: 1//頁面計算
},
list: [
{ P1: 1, name: "蔡徐坤", money: "一億粉絲", intro: "大家好,我是練習時長兩年半的偶像練習生待锈,蔡徐坤漠其,擅長唱跳rap和籃球,來音樂起竿音!雞你太美:褪骸!春瞬!" },
{ P1: 2, name: "面筋哥", money: "一份烤面筋", intro: "烤面筋柴信,烤面筋~~我的烤面筋!讓你吃得每天都開心~烤面筋快鱼,烤面筋~~" },
{ P1: 3, name: "局座", money: "一艘艦艇", intro: "判斷一個艦艇好壞颠印,很重要的一點是,你一眼看過去抹竹,好看不好看线罕,要是你看的不順眼,那丑窃判,八成沒多大戰(zhàn)斗力钞楼。" },
{ P1: 4, name: "王境澤", money: "一碗炒飯", intro: "我王境澤就是餓死,死外邊袄琳,從這跳下去询件,也不會吃你們一點兒東西。香唆樊,真香" },
{ P1: 5, name: "金坷垃三人組", money: "一袋金坷垃", intro: "肥料摻了金坷垃宛琅,一袋能頂兩袋撒!肥料摻了金坷垃逗旁,小麥畝產(chǎn)一千八嘿辟!美國·圣地亞戈 American Santiago(阿妹你看,上帝壓狗)" },
]
}
Mock.mock('/list_sponsor', function () {
這里將值返還
return sponsor
})

 
增加一個虛擬數(shù)據(jù)
Mock.mock('/list_sponsor/add', function (obj) {
let element = JSON.parse(obj.body).data;將后臺傳的數(shù)據(jù)轉(zhuǎn)換為字符串
let index = sponsor.list.length - 1
var newSponsor = {
P1: sponsor.list[index].P1 + 1,
name: element.name,
money: element.money,
intro: element.intro
}
sponsor.list.push(newSponsor);
console.log(newSponsor);
})
修改一個虛擬數(shù)據(jù)
Mock.mock('/list_sponsor/modify', function (obj) {
let element = JSON.parse(obj.body).modifyJson;將后臺傳的數(shù)據(jù)轉(zhuǎn)換為字符串
for (let i = 0; i < sponsor.list.length; i++) {
console.log(element.P1);
if (sponsor.list[i].P1 == element.P1) {
sponsor.list[i] = element;
}
}
})
刪除一個虛擬數(shù)據(jù)
Mock.mock('/list_sponsor/delete', function (obj) {
let id = JSON.parse(obj.body).findJson.P1;將后臺傳的數(shù)據(jù)轉(zhuǎn)換為字符串
for (let i = 0; i < sponsor.list.length; i++) {
console.log(id.P1);
if (sponsor.list[i].P1 == id) {
sponsor.list.splice(i, 1)
}
}
})
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末片效,一起剝皮案震驚了整個濱河市红伦,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌淀衣,老刑警劉巖昙读,帶你破解...
    沈念sama閱讀 219,270評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異膨桥,居然都是意外死亡蛮浑,警方通過查閱死者的電腦和手機唠叛,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,489評論 3 395
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來沮稚,“玉大人玻墅,你說我怎么就攤上這事∽吵妫” “怎么了?”我有些...
    開封第一講書人閱讀 165,630評論 0 356
  • 文/不壞的土叔 我叫張陵环础,是天一觀的道長囚似。 經(jīng)常有香客問我,道長线得,這世上最難降的妖魔是什么饶唤? 我笑而不...
    開封第一講書人閱讀 58,906評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮贯钩,結(jié)果婚禮上募狂,老公的妹妹穿的比我還像新娘。我一直安慰自己角雷,他們只是感情好祸穷,可當我...
    茶點故事閱讀 67,928評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著勺三,像睡著了一般雷滚。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上吗坚,一...
    開封第一講書人閱讀 51,718評論 1 305
  • 那天祈远,我揣著相機與錄音,去河邊找鬼商源。 笑死车份,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的牡彻。 我是一名探鬼主播扫沼,決...
    沈念sama閱讀 40,442評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼讨便!你這毒婦竟也來了充甚?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,345評論 0 276
  • 序言:老撾萬榮一對情侶失蹤霸褒,失蹤者是張志新(化名)和其女友劉穎伴找,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體废菱,經(jīng)...
    沈念sama閱讀 45,802評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡技矮,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,984評論 3 337
  • 正文 我和宋清朗相戀三年抖誉,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片衰倦。...
    茶點故事閱讀 40,117評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡袒炉,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出樊零,到底是詐尸還是另有隱情我磁,我是刑警寧澤,帶...
    沈念sama閱讀 35,810評論 5 346
  • 正文 年R本政府宣布驻襟,位于F島的核電站夺艰,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏沉衣。R本人自食惡果不足惜郁副,卻給世界環(huán)境...
    茶點故事閱讀 41,462評論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望豌习。 院中可真熱鬧存谎,春花似錦、人聲如沸肥隆。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,011評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽巷屿。三九已至固以,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間嘱巾,已是汗流浹背憨琳。 一陣腳步聲響...
    開封第一講書人閱讀 33,139評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留旬昭,地道東北人篙螟。 一個月前我還...
    沈念sama閱讀 48,377評論 3 373
  • 正文 我出身青樓,卻偏偏與公主長得像问拘,于是被迫代替她去往敵國和親遍略。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 45,060評論 2 355

推薦閱讀更多精彩內(nèi)容