iview table表格中render函数操作返回标签

2017-10-13  本文已影响0人  glory_前端

在iview的table表格操作中,有时候会遇到一种场景,对表格某一行进行一些操作(编辑,删除,弹框展示信息),这个时候要根据后台返回数据标识来确定哪些需要操作,哪些不需要操作。

例如(上图):

image.png

有报文时就有一个查看报文的操作,没有报文就不显示此按钮。

解决方法(上代码):
{
                        title: '报文',
                        width: 130,
                        align: 'center',
                        render: (h, params) => {
//params.row.credit_sernos判断没一行是否返回数据(一般都是后台返的json数据)返回数据,就执行返回按钮,没有就显示空。
                            if(params.row.credit_sernos){
                                return h('div', [
                                    h('Button', {
                                        props: {
                                            type: 'primary',
                                            size: 'small'
                                        
                                        },
                                        style: {
                                            marginRight: '5px'
                                        },
                                        on: {
                                            click: () => {
                                                this.creditSernos(params.row, params.index)
                                            }
                                        }
                                    }, '查看报文')

                                ]);
                            }
                        }

                    }
上一篇 下一篇

猜你喜欢

热点阅读