1. 程式人生 > >使用 iview Table 表格元件修改操作的顯示隱藏

使用 iview Table 表格元件修改操作的顯示隱藏

使用 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 這個按鈕隱藏,否則顯示,希望對你有幫助