vue+iview 动态渲染表格(iview插件table)
vue+iview 动态渲染表格(iview插件table)效果图(表格头部和表格主体都是动态渲染)重要代码(第一次使用csdn博客,如果有代码遗漏,评论我会回复哦!!
·
vue+iview 动态渲染表格(iview插件table)
效果图
(表格头部和表格主体都是动态渲染)
重要代码
(第一次使用csdn博客,如果有代码遗漏,评论我会回复哦!!?)
<template>
<Table ref="selection" v-for="(item) in entities" :columns="item.columns" :data="item.data" :border="false" :key='item.id' ></Table>
</template>
<script>
export default {
data () {
return {
entities: []
}
},
mounted () {
// 进行网络访问,渲染类别列表
let that = this;
aiteuserlist().then(function (res) {
// 后台返回数据
if (res.data.data.status === 0) {
for (let i = 0; i < res.data.data.info.length; i++) {
var entity = {
id: -1,
columns: [
{
type: 'selection',
width: 60,
align: 'left'
},
{
title: '巴拉巴拉公司',
key: 'user_name'
}
],
data: []
};
entity.columns[1].title = res.data.data.info[i].company_name;
entity.data = res.data.data.info[i].userlist;
entity.id = res.data.data.info[i].id;
that.entities.push(entity);
}
}
}).catch(function () {
console.log('网络访问失败');
});
}
</script>
更多推荐
已为社区贡献2条内容
所有评论(0)