vue ajax获取返回header,vue 通过ajax获取数据，但是数据没渲染数来

你的数据结构太复杂了, 完全可以改为更直观的方式.

"type_list": [//首先说道list, 就应该是一个数组 而且最外层应该是typelist

//2 和type_name其实逻辑上是一个东西所以没必要写, 如果非要追加id也可以

{

"type_name": "美妆",

brandList: [

{

"brand_id": 72,

"name": "aa",

},

...

]

},

]

改为如此之后, 再去遍历数据就很直观了

修改数据结构后的运行结果,

代码:

{{brands.type_name}}

• {{brandItem.name}}

var list =

[//首先说道list, 就应该是一个数组 而且最外层应该是typelist

//2 和type_name其实逻辑上是一个东西所以没必要写, 如果非要追加id也可以

{

"type_name": "美妆",

brandList: [

{

"brand_id": 72,

"name": "美妆1",

},

]

},

{

"type_name": "美妆",

brandList: [

{

"brand_id": 72,

"name": "美妆2",

},

]

},

{

"type_name": "美妆",

brandList: [

{

"brand_id": 72,

"name": "美妆3",

},

]

},

]

var brandList = new Vue({

el: '#category-two',

data: {

brand_list:{}

},

mounted: function() {

var self = this;

self.brand_list = list;

}

});