avue-crud下怎么实现动态表头,实现动态的展示column

Blade 已结 1 363
蚂蚁上树
蚂蚁上树 剑者 2022-12-05 11:00

一、该问题的重现步骤是什么?

1. 

2. 

3.


二、你期待的结果是什么?实际看到的又是什么?


三、你正在使用的是什么产品,什么版本?在什么操作系统上?


四、请提供详细的错误堆栈信息,这很重要。


五、若有更多详细信息,请在下面提供。

1条回答
  •  whc
    whc (最佳回答者)
    2022-12-05 15:59

    this.option.column = [{
      label: "参数名称",
      prop: "paramName",
      search: true,
      span: 24
    }]

    可以后台组织数组结构,然后加载数据时赋值上去。但是此类动态column使用avue写的话个人感觉比较麻烦(增加一些列表操作和查询之类的),建议使用el-table写;如下:

    that.mainHead = [{ column_name: "propxxxx字段", column_comment: "labelxxx" }];
    
    mainHead后台组织数组

    elementui动态列表.png

    0 讨论(1)
提交回复