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

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

image.png

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

image.png

相关文章
|
3天前
|
前端开发
Element UI 【实战】纯前端对表格数据进行增删改查(内含弹窗表单、数据校验、时间日期格式)
Element UI 【实战】纯前端对表格数据进行增删改查(内含弹窗表单、数据校验、时间日期格式)
24 6
|
23天前
|
JSON 前端开发 JavaScript
前端上传文件前校验文件数据
该文介绍了如何在Vue项目中实现批量导入Excel数据的校验。使用Element UI的`el-upload`组件上传文件,通过FileReader读取内容,结合XLSX库解析Excel为JSON。解析过程包括将二进制数据转换为workbook对象,提取worksheet并转化为JSON。之后,遍历JSON数据进行字段校验,若发现空值则记录错误。提供的Demo展示了选择Excel文件后控制台显示校验结果。技术栈包括vue 2.6.14、element ui 2.15.14和xlsx 0.17.0。建议将此类功能封装为通用组件以复用。
28 2
前端上传文件前校验文件数据
|
11天前
|
前端开发 JavaScript API
探索现代Web开发中的动态数据交互——前端与后端整合实战
本文探讨了现代Web开发中前端与后端整合的关键技术点,通过实际案例演示了如何利用JavaScript和Node.js实现动态数据交互,全面解析从数据请求到响应的全过程。
|
2天前
|
前端开发 JavaScript
前端模拟接口工具推荐——Apifox(mock数据)【图解教程】
前端模拟接口工具推荐——Apifox(mock数据)【图解教程】
11 1
|
10天前
|
JSON 前端开发 JavaScript
SSMP整合案例第五步 在前端页面上拿到service层调数据库里的数据后列表
SSMP整合案例第五步 在前端页面上拿到service层调数据库里的数据后列表
15 2
|
1天前
|
前端开发
Element UI 表格常用改造(表头添加注释、翻页连续序号【内含前端分页】)
Element UI 表格常用改造(表头添加注释、翻页连续序号【内含前端分页】)
5 0
|
2天前
|
前端开发 PHP 数据格式
【附带效果视频】php接口给前端返回流式数据,php使用event-stream进行数据推送,循环一次输出一次
【附带效果视频】php接口给前端返回流式数据,php使用event-stream进行数据推送,循环一次输出一次
7 0
|
6天前
|
前端开发
Request(获取请求数据的)请求转发,response响应数据,将数据反馈给前端
Request(获取请求数据的)请求转发,response响应数据,将数据反馈给前端
|
27天前
|
监控 前端开发 JavaScript
|
2月前
|
前端开发 关系型数据库 MySQL
SpringBoot-----从前端更新数据到MySql数据库
SpringBoot-----从前端更新数据到MySql数据库
32 1