宝哥软件园

vue iview动态渲染表格详解

编辑:宝哥软件园 来源:互联网 时间:2021-08-26

本文实例为大家分享了vue iview动态渲染表格(iview插件表),供大家参考,具体内容如下

效果图(表格头部和表格主体都是动态渲染)

重要代码

模板表ref=' selection ' v-for='(项目)在实体' :列='项。列“: data=”项。data ' : border=' false ' : key=' item。id '/表格/模板脚本导出默认{ data(){ return { entities :[]},mounted () { //进行网络访问,渲染类别列表让那个=这个;aiteuserlist().然后(函数(res) { //后台返回数据if(RES .数据。数据。status===0){ for(让I=0;一、资源数据。数据。信息。长度;i ) { var entity={ id: -1,第3360列[{ type : ' selection ',width: 60,align: 'left' },{ title: '巴拉巴拉公司,key: 'user_name' } ],data :[]};entity.columns[1].title=res.data.data.info[i].公司名称;实体。数据=RES . data。数据。信息.用户列表;实体。id=RES . data。数据。信息.id;that.entities.push(实体);} } }).catch(function () { console.log('网络访问失败');});}/脚本以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

更多资讯
游戏推荐
更多+