在iview中经常频繁的使用render函数来进行表格的内容动态显示。其插入的方法如下:
{ title: "参加人员名单", align: "left", minWidth: 180, render: (h, { row }) => { return h("div", [ // 直接map输出即可 data.map(item => { h("p", item.name); }) ]); } }
在Element中render函数的插入方法如下:
const h = this.$createElement; let messageData = []; messageData.push(h("span", null, "遍历列表之前的数据")); // 通过 map 生成的数据 data.map(item => { messageData.push(h("span", item.name) }); messageData.push(h("span", null, "遍历列表之后的数据")); message: h("div", null, messageData)