1. 格式:h('div',{},[])
( )div的内容,{ }添加的样式,[ ]标签的内容
// 格式:h('div',{},[])
// ()div的内容,{}添加的样式,[]标签的内容
//基础示例
render: (h, params) => {
return h('div',{},params.row.user.info)
}
//添加样式
return h('div', {
style: {
color: 'red',
fontSize: '14px'
}
}, params.row.user.info)
//嵌套标签
return h('div',[
h('span', {}, params.row.user.info)
])
//判断图片是否存在
{
title: '商品图片',
key: '',
render: (h, params) => {
if (params.row.imgUrl) {
return h('img', {
attrs: {
src: params.row.imgUrl,
style: 'width: 50px;height: 50px'
}
})
}
}
}
//完整示例-图片
columns: [
{
title: '收藏时间',
key: 'collect_time',
},
{
title: '用户信息',
key: '',
render: (h, params) => {
return h('div', [
h('img', {
attrs: {
src: params.row.user.img,
alt: '',
style: 'width: 50px;height: 50px;border-radius: 50%;'
}
})
])
}
}
]