iview table里面的按鈕，如何在一定情況下出現，一定情況下不出現

用的iview的table組件，希望刪除按鈕在一定情況下出現，一定情況下隱藏，我現在的代碼是下邊的。請問如何修改下能實現這個需求呢？

            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)
                                     }
                                     }
                                 }, '查看圖像'),

                             ])
                         }
                     }

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

2017年7月27日 10:18