問題描述

var response = {

'msg': 'success','code': 200,'data': { 'total': 328880, 'ipInfo': [{ 'count': 3155, 'key': '315.230.145.246', 'subList': [{ 'count': 3154, 'key': '8058230'},{ 'count': 1, 'key': '713467'} ]},{ 'count': 3454645, 'key': '215.230.145.246', 'subList': [{ 'count': 6154, 'key': '8058240'},{ 'count': 1124, 'key': '1155530'} ]} ]}

}像這種，我需要循環(huán)遍歷拼接字符串放到頁面上，怎么做？？？本人菜鳥萌新。

問題解答

var tempStr = ’’; response.data.ipInfo.forEach(function (item) {item.subList.forEach(function (subItem) { tempStr += '<p><span>' + subItem.count + '</span><span>' + subItem.key + '</span></p>';}); });

Vue：

<tr v-for='item in ipInfo'> <td v-for='subItem in item'>{{ subItem.count }} - {{subItem.key }}</td></tr>回答2：

不寫代碼，給題主提供思路，循環(huán)判斷數(shù)據(jù)類型，然后遞歸，應(yīng)該不難