鍍金池/ 問答/HTML/ iview table里面的按鈕,如何在一定情況下出現(xiàn),一定情況下不出現(xiàn)

iview table里面的按鈕,如何在一定情況下出現(xiàn),一定情況下不出現(xiàn)

用的iview的table組件,希望刪除按鈕在一定情況下出現(xiàn),一定情況下隱藏,我現(xiàn)在的代碼是下邊的。請(qǐng)問如何修改下能實(shí)現(xiàn)這個(gè)需求呢?
clipboard.png

            title: '操作',
            key: 'state',
            render: (h, params) => {
              return h('div', [
                h('Button', {
                  props: {
                    type: 'primary',
                    size: 'small',
                  },
                  style: {
                    marginRight: '5px',
                    fontSize: '5px',
                  },
                  on: {
                    click: () => {
                      this.appDetail(params.index)
                    }
                  }
                }, '詳情'),
                h('Button', {
                  props: {
                    type: 'error',
                    size: 'small'
                  },
                  style: {
                    marginleft: '5px',
                    fontSize: '5px',
                  },
                  on: {
                    click: () => {
                      this.deleteApp(params.index)
                    }
                  }
                }, '刪除'),
                h('Button', {
                  props: {
                    type: 'warning',
                    size: 'small'
                  },
                  style: {
                    marginleft: '5px',
                    fontSize: '5px',
                  },
                  on: {
                    click: () => {
                      this.modifyApp(params.index)
                    }
                  }
                }, '修改'),

              ]);
            }
回答
編輯回答
終相守

我用opacity加row的屬性

2018年3月11日 02:54
編輯回答
久愛她

樓主解決了嗎?求助啊

2018年2月15日 07:32
編輯回答
伐木累

采用jsx寫法,然后利用v-if去控制

2017年2月7日 22:56
編輯回答
別傷我
                     {
                         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)
                                     }
                                     }
                                 }, '查看圖像'),

                             ])
                         }
                     }

我的是根據(jù)后臺(tái)返回的值params.row.picNames==null,加上這段display:(params.row.picNames==null)?"none":"inline-block",可以控制顯示隱藏。

2017年7月27日 10:18