大家好，欢迎来到IT知识分享网。
一：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：以上内容仅供参考，如有疑问敬请指正。
免责声明：本站所有文章内容,图片，视频等均是来源于用户投稿和互联网及文摘转载整编而成，不代表本站观点，不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益，请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权，请联系删除，如若转载，请注明出处：https://yundeesoft.com/24900.html
