iview table里面的按钮，如何在一定情况下出现，一定情况下不出现

Question

用的iview的table组件，希望删除按钮在一定情况下出现，一定情况下隐藏，我现在的代码是下边的。请问如何修改下能实现这个需求呢？

Answer 1

    {

                         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",可以控制显示隐藏。

Answer 2

采用jsx写法，然后利用v-if去控制