elementui展示多张图片_elementUi中table组件的遍历展示

一：elementui的table组件一般我们是直接将label固定写死的，今天遇到了一个根据返回值动态渲染label，对table组件做template遍历展示可实现。

html部分

fixed="right"

label="操作"

width="100">

查看

js部分

colsFont:[

{

label:"A",

props:"a_value",

flag:false

},

{

label:"B",

props:"b_value",

flag:false

},

{

label:"C",

props:"c_value",

flag:true

},

{

label:"D",

props:"d_value",

flag:false

},

{

label:"E",

props:"e_value",

flag:false

}

],

//maxSize(计算遍历次数)

let activeCols=[];

for(let i=0;i

activeCols.push(

{

label:`第${i+1}A`,

props:`a_value${i}`,

flag:false,

width:150,

},

{

label:"Test_each",

props:`test_each${i}`,

flag:false

}

)

}

this.colsAll=[...this.colsFont,...activeCols];//合并label值

实现效果是对table的遍历赋值表头。

PS：以上内容仅供参考，如有疑问敬请指正。