iview 中的render函数中的h语法

总体结构：

render:(h，params)={

  // 在这里可以进行计算等相关操作

  return h("标签名"，{标签的样式，方法等}或者是[多个标签用列表显示] 若没有其他要添加的内容这个第二个参数是可以省略的，标签内容)
}

基本案例 

结果：

第二个参数添加样式的案例：

效果图如下：

click事件：

效果：

 一个行显示多个内容

显示结果：

先对数据进行处理处理完了一起显示

显示结果：

超出内容以省略号显示

结果： 

使用iview自己的组件：气泡

以上是iview中的气泡

效果：

显示结果：

 

 

 

 

 

 

 

 

 

 

可参考https://www.jianshu.com/p/4c8028a198d6

 

 

渲染后结果：

补充添加样式：


render: (h, params) => {
  return h(
    'div',
    [
      h(
        'p',
        '好评：' + params.row.Start5CommentNum
      ),
      h(
        'p',
        '差评：' + params.row.Start3CommentNum
      )
    ]
  )
}