vue配合iview，render使用
//循环数据添加div（点击事件）
render: (h, params) => {//h,表示当前的元素,params表示获取的接口的数据，params.row获取数据中的行的数据，params.row.isMessageCompletion获取数据中的行数据中的isMessageCompletion这个表格的数据
return h('div', {//此时h表示div
style: {
color: 'red',
cursor: 'pointer',
},
attrs: {
class: params.row.isMessageCompletion === false ? 'orz':'',//params.row.isMessageCompletion获取数据中的行数据中的isMessageCompletion这个表格的数据
},
on: {
'click': (event) => {}
}
}, this.tableData[params.index].sampleDressCode)//params.index当前数据的下标
}
渲染多个
render:(h,params)=>{
if(parasm.row.state === 1){
return h('div',[
h('a', {
attrs: {
class: 'aClass'
},
on: {
click: () => {
this.jumpDetail(params.row.sampleDevReimId)
}
}
}, '详情'),
h('a', {
attrs: {
class: 'aClass'
},
on: {
click: () => {
this.jumpEdit(params.row.sampleDevReimId)
}
}
}, '编辑'),
])
}
}