前端工作总结125-数据在表格横坐标动态显示

1数据格式

 2对数据进行处理

created() {
    getAction("/task/arrange").then(res=>{
      console.log(res)
      this.tableData=res.data.items
      this.time=res.data.time
      console.log(this.time)
      res.data.time.map((value,index)=>{
     console.log(value)
        let arr= {
       prop:'',
          label:value.toString()
        }
        this.columns.push(arr)
     })
     /* console.log(this.tableData)*/
    /*  console.log(this.tableData.task)*/
     /* res.data.items.map((value,index)=>{
      console.log(value)
      })*/
    })

3传值

data() {
    return {
      menus:[],
      status:[],
      /*表头*/
      columns: [
        { type: "ID", width: "50" },
        /*任务名称id*/
        { prop: "id", label: "ID", width: "100", sortable: true },
        /*订单名称 name*/
        { prop: "name", label: "账号名称", sortable: true },
      ],
      query:{},
      /*绑定的taskTableData里面的数据*/
      tableData: [
 
      ],
 
    };