美文网首页
处理卖座网演员列表数据

处理卖座网演员列表数据

作者: 雨泽丶 | 来源:发表于2019-03-27 18:51 被阅读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(',');
    })
    
    

    相关文章

      网友评论

          本文标题:处理卖座网演员列表数据

          本文链接:https://www.haomeiwen.com/subject/fcytbqtx.html