处理卖座网演员列表数据
2019-03-27 本文已影响0人
雨泽丶
老方法(js):
渲染列表调用方法:
{{actorsToString(item.actors)}}
function函数处理方法
actorsToString: function(actors) {
//数组转换成字符串
actors = JSON.parse(actors);
if (!actors) {
return "";
} else {
var str = "";
for (var i = 0; i < actors.length; i++) {
var actor = actors[i];
str += actor.name + " ";
}
return str;
}
}
vuex 方法:
filter它用于过滤元素,然后返回剩下的元素。
渲染列表调用方法:
{{item.actors | joinActors}}
Vue.filter('joinActors', function (arr) {
//数组转换成字符串
const list = JSON.parse(arr);
//通过map函数调取数据中的name数据
const actorStr = list.map(item => {
return item.name;
})
//返回数据(字符串转换成数组)
return actorStr.join(',');
})