处理卖座网演员列表数据

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(',');
})

上一篇下一篇

猜你喜欢

热点阅读