iview table换行_iview table的render()函数基本的用法

这里记录的是iviewui框架中render函数的用法。如下：

语法：render:(h,params)=>{}

具体用法：

render:(h,params) => {

return h(" 定义的元素 "，{ 元素的性质 }，" 元素的内容"/[元素的内容])

}

案例：

当定义的元素没有其他元素时：

render:(h,params)=>{

return h('div', {style:{width:'100px',height:'100px',background:'#ccc'}}, '地方')

}

image.png

当定义的元素中要嵌套其他元素时：

render:(h,params)=>{

return h('div',{style:{width:'100px',height:'100px',background:'#ccc'}},[h('p','内容2')],'内容1')

}

image.png

如图可见，当元素嵌套时，元素里面的内容会覆盖父元素的内容

下图中左边的机台图片及信息该怎么显示呢？