在iview的table表格操作中,有时候会遇到一种场景,对表格某一行进行一些操作(编辑,删除,弹框展示信息),这个时候要根据后台返回数据标识来确定哪些需要操作,哪些不需要操作。
例如(上图):
image.png
有报文时就有一个查看报文的操作,没有报文就不显示此按钮。
解决方法(上代码):
{
title: '报文',
width: 130,
align: 'center',
render: (h, params) => {
//params.row.credit_sernos判断没一行是否返回数据(一般都是后台返的json数据)返回数据,就执行返回按钮,没有就显示空。
if(params.row.credit_sernos){
return h('div', [
h('Button', {
props: {
type: 'primary',
size: 'small'
},
style: {
marginRight: '5px'
},
on: {
click: () => {
this.creditSernos(params.row, params.index)
}
}
}, '查看报文')
]);
}
}
}