在iview的table表格操作中游添,有時候會遇到一種場景,對表格某一行進行一些操作(編輯秉馏,刪除耙旦,彈框展示信息),這個時候要根據(jù)后臺返回數(shù)據(jù)標識來確定哪些需要操作萝究,哪些不需要操作母廷。
例如(上圖):
image.png
有報文時就有一個查看報文的操作,沒有報文就不顯示此按鈕糊肤。
解決方法(上代碼):
{
title: '報文',
width: 130,
align: 'center',
render: (h, params) => {
//params.row.credit_sernos判斷沒一行是否返回數(shù)據(jù)(一般都是后臺返的json數(shù)據(jù))返回數(shù)據(jù)琴昆,就執(zhí)行返回按鈕,沒有就顯示空馆揉。
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)
}
}
}, '查看報文')
]);
}
}
}