本文实例为大家分享了vue + iview动态渲染表格(iview插件表),供大家参考,具体内容如下
<>强效果图
(表格头部和表格主体都是动态渲染)
<强>重要代码
& lt; template>
& lt;表ref="选择")=(项目)的实体:列="项目。列”:数据=" https://www.yisu.com/zixun/item.data ":边境=" false ":关键='项目。id的祝辞& lt;/Table>
& lt;/template>
& lt; script>
出口默认{
数据(){
返回{
实体:[]
}
},
安装(){//进行网络访问,渲染类别列表
让=这个;
aiteuserlist ()。然后(函数(res) {//后台返回数据
如果(res.data.data。状态===0){
(让我=0;我& lt;res.data.data.info.length;我+ +){={var实体
id: 1、
列:[
｛
类型:“选择”,
宽度:60岁
对齐:‘离开’
},
｛
标题:“巴拉巴拉公司”,
关键:“user_name”
}
),
数据:[]
}；
entity.columns [1]。title=res.data.data.info[我].company_name;
实体。data=https://www.yisu.com/zixun/res.data.data.info[我].userlist;
实体。id=res.data.data.info[我].id;
that.entities.push(实体);
}
}
})。抓住(函数(){
console.log(“网络访问失败”);
});
}
& lt;/script>
之前
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
