element-ui中如何动态渲染列表

element-ui中如何动态渲染列表

  1. 首先在data中定义所有的列数组,数组的每一个是对象,对象中包含列的prop,列的表头名,这个可以随便定义,列的表头名和列所渲染的prop要一一对应,因为动态列会出现的情况就是,后端返回的字段是同一个字段,但是根据不同的情况,回显的列表头名可能不一样。
  2. 列数组中还要包含是否回显的字段,这个要根据上述的不同情况去做回显。
  3. 固定列可以用el-table-column标签直接包裹
  4. 动态渲染列,用template包裹一层,在template上去做渲染,template中包含el-table-column标签,再包裹一层template标签,具体代码如下
  5. element-ui中如何动态渲染列表_第1张图片
  6. 这种是知道多少列并且知道每一列对应的字段以及其列的表头名

你可能感兴趣的:(vue,列表)