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

最新推荐文章于 2024-03-29 13:24:37 发布

前端歌谣

最新推荐文章于 2024-03-29 13:24:37 发布

阅读量145

点赞数

文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/qq_41632427/article/details/126714118

版权

前端-工作简单记录-工作专栏收录该内容

332 篇文章 4 订阅

订阅专栏

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: [
 
      ],
 
    };