日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后,達者為師

網站首頁 編程語言 正文

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

欄目分類
最近更新