iview Tableコンポーネントを使用して操作の表示非表示を変更する

1443 ワード

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.picNameはバックグラウンドから与えられた値です. null このボタンは隠して、さもなくば表示して、あなたに役に立つことを望みます