Element render函数中使用map插入多条数据!
Element render函数中使用map插入多条数据!
Lieme在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)