学无先后,达者为师

网站首页 编程语言 正文

iview表格中 colums中使用render函数的几种总结

作者:时光回溯 更新时间: 2022-03-01 编程语言
 columns1: [
              {
                   title: '姓名',
                   key: 'name'
                   render: (h,params) =>{
                       let _name = params.row.firstName + params.row.lastName;
					   return h('div',_name);
				   }
               },
               {
                   title: '部门及角色',
                   key: 'deptAndRole',
                   render: (h,params)=>{
                   		let arr = [];
						let deptRole = params.row.deptRoleArr;
						deptRole.forEach(item =>{
							arr.push(h('div',[h('span',item)]))
						})
						return h('div',arr);		
				   }
                },
               {
                   title: 'Address',
                   key: 'address',
                   render: (h,params) =>{
						return h('div',{
							domProps:{
								innerHTML: params.row.content;
							}
						})
				   }
               },
               {
                   title: '状态',
                   key: 'status',
                   render: (h,params) =>{
						let _status = "";
						if(params.row.status =="0") {
							_status ="未编辑";
						}else if(params.row.status =="1"){
							_status ="编辑中";
						}else{
							_status ="已结束";
						}
						return h('span',_status);
				   }
               },
               {
                   title: '工作信息',
                   key: 'work',
                   render: (h,params) =>{
						return('table',{
							columns: params.row.columns,
							data: params.row.data
						})
				   }
               },
           ]

原文链接:https://blog.csdn.net/qq_43729779/article/details/114588446

栏目分类
最近更新