vue中用mock.js去仿真数据出个小问题
就是想用Mock.js仿真一个数据,然后拦截住vue中的axios的一个get请求,返回数据
var Mock = require('mock')
Mock.mock('/api/share',{
'code|6000-7000':100,
'name':'@first',
'trade|5-10.2':100,
'open|5-10.2':200,
'low|5-10.2':200,
'settlement|5-10.2':200,
'volume|5000000-60000000':300,
'amount|5000000-60000000':200
});
export default {
data() {
return {
items:[]
}
},
methods: {
addShare(item){
axios.post('/data/addshare',
{
shareCode:item[2],
})
.then(function(response){
console.log(response)
})
}
},
然后在运行的时候,浏览器总报错
shareMarket.vue?8a51:38 Uncaught TypeError: Mock.mock is not a function
at eval (shareMarket.vue?8a51:38)
at Object.<anonymous> (app.js:2375)
at __webpack_require__ (app.js:679)
at fn (app.js:89)
at eval (shareMarket.vue?95a9:1)
at Object.<anonymous> (app.js:2362)
at __webpack_require__ (app.js:679)
at fn (app.js:89)
at eval (index.js?3672:1)
at Object.<anonymous> (app.js:2196)
说Mock.mock()不是函数。。但官方教程里面就是这么写的
下面这是官方例子
Mock.mock(/\.json/, {
'list|1-10': [{
'id|+1': 1,
'email': '@EMAIL'
}]
})
$.ajax({
url: 'hello.json',
dataType: 'json'
}).done(function(data, status, jqXHR){
$('<pre>').text(JSON.stringify(data, null, 4))
.appendTo('body')
})
所以想问问题出在哪里?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
第一行,请改成:var Mock = require('mockjs')
你是不是没引入mock.js呢
楼主看到回复,我是在接口里面拿到了数据, 但是渲染的时候没有数据,尝试了很多方法, 但是都是渲染不出来,请问有没有大佬遇到过这个问题,看到请回复,谢谢!