使用 iview Table 表格元件修改操作的顯示隱藏
阿新 • • 發佈:2018-11-29
使用 iview Table 表格元件修改操作的顯示隱藏,如下圖
如何設定 table 操作按後臺傳入的狀態值去顯示或隱藏按鈕?
{ title: '操作', align: 'center', width: 120, render: (h, params) => { console.log('params='+JSON.stringify(params)) return h('div', [ h('Button', { props: { type: 'primary', size: 'small' }, style: { marginRight: '5px', display:(params.row.picNames==null)?"none":"inline-block", }, on: { click: () => { this.showPicModal(params.index) } } }, '檢視影象'), ]) } }
params.row.picNames是後臺給我的值,如果等於 null 這個按鈕隱藏,否則顯示,希望對你有幫助