因为本身iview写表格的操作栏“修改”、“删除”就用了render函数来渲染,所以显示tag也用render渲染了
{
title: '业务标签/分类',
key: 'tags',
render: (h, params) => {
let arr = (params.row.tags || "").split(";")
//因为我自己给的实例data里有的tags为空,split控制台会报undefine的错,所以加上||
console.log(arr)
return h('div',arr.map(function(item,index) {
return h('Tag', {
domProps:{
innerHTML: item || "无"
}
})
}))
}
}
效果如下:
写成博客感觉不难,鬼知道我纠结了多久
参考了官方文档、另一个朋友写的render渲染循环
后续应该还要从后台获取数据再渲染,估计又要battle一阵,整出来了再贴篇博客吧