#独家

vue根据后台返回的值实现动态表头问题?

 data: [
        {
          type: "水温℃",
          id: 1,
          field: "waterTempNew"
        },

        {
          type: "浪向",
          id: 2,
          field: "waterTempNew"
        },
        {
          type: "浪高(m)",
          id: 3,
          field: "waveHeightNew"
        },
        {
          type: "天气状况",
          id: 4,
          field: "weatherNew"
        },
        {
          type: "风力",
          id: 5,
          field: "windPowerNew"

        },
        {
          type: "风向",
          id: 6,
          field: "windDirectionNew"

        },
        {
          type: "风速",
          id: 7,
          field: "windSpeedNew"

        },
        {
          type: "阵风",
          id: 8,
          field: "gustNew"

        },
        {
          type: "能见度",
          id: 9,
          field: "visibilityNew"

        }
      ],
      columns: [{
        title: "日期",
        key: "type",
        // $fixed: "left"
      },

      ],

data 是维护的所有返回值的情况
columns 是表头的数组

后台返回的result.xxx对应打他中的 field字段 现在后台是如果有值就就返回 没有值就不返回这个field 然后通过对比 把有值的放到columns里面 求教除了嵌套循环还有什么简单的方法

直接从data中过滤，是这个意思吗，如果属性要改成title、key，就在加个map遍历下

columns = data.filter(item => item.field in result)