vue中render循环渲染多个标签
用的iView组件Table所以不能在标签上用v-for,下面代码是一列政策文件,图在最后,在网上找了好久render渲染多个a标签都没找到,render中还不能循环渲染,这是自己根据vue中v-for的原理写的。arr是要循环出来的数组{title: '政策文件',key: 'policyFile',al...
·
用的iView组件Table所以不能在标签上用v-for,下面代码是一列政策文件,图在最后,在网上找了好久render渲染多个a标签都没找到,render中还不能循环渲染,这是自己根据vue中v-for的原理写的。
arr是要循环出来的数组
{
title: '政策文件',
key: 'policyFile',
align: 'center',
render: (h, params) => {
var arr = params.row.policyFile.split(";")
return h('ul', arr.map(function (item,index) {
return h('a',{
domProps:{
href: item,
target: '_black'
},
style: {
marginRight: '5px'
}
}, '文件'+parseInt(index+1))
}))
}
},
效果图
更多推荐
已为社区贡献3条内容
所有评论(0)