第六章vue无法显示商品类别

来源：6-3 vue展示商品分类数据

scloudyy

2018-09-05

老师好，我已经把vue的host改为本地，并进行了跨域的配置，但是前端仍然无法显示商品类型

在控制台内可以看到，/categorys/请求已经返回了数据，而且是正确的category的json数据，但是前端说item is null，不知道会是什么问题

写回答

2回答

家鸽啦啦啦

2018-09-11

已采纳

我也遇到同样的问题了，修改了getCategory函数的定义后就好了，

getMenu(){//获取菜单
getCategory({
params:{}
}).then((response)=> {
console.log(response)
this.allMenuLabel = response.data
})
.catch(function (error) {
console.log(error);
});
},

将上面this.allMenuLabel = response.data改为this.allMenuLabel = response.data.results

推测应该是js对json数据的解析并没有这么智能，由于django rest framework产生的json中包含了count,next,previous元素，js在解析这些元素的时候找不到'name'等键，导致解析失败。

scloudyy

非常感谢！

2018-09-17

共3条回复

bobby

2018-09-07

https://git.imooc.com/Project/coding-131/src/master 你到这里下载最新的课程源码试试

scloudyy

我的源码就是这里下载的

2018-09-12

共1条回复

Python前后端分离开发Vue+Django REST framework实战

Django REST framework课程视频，RESTFul API前后端分离开发

2880 学习 · 2467 问题

查看课程

相似问题

商品详情图片不全问题

回答 2

商品类别展示的问题

回答 3

订单存储商品问题

回答 1

无法加载本地数据，显示不了商品分类，报错如下

回答 2

热卖商品跳转问题

回答 1

打开慕课网App查看更多内容