ivew table列表里 render button 修改单个的样式或者禁用或者隐藏

很简单废话不多说,看代码: 

                            h('a', {
                                    props: {
                                    },
                                    attrs: {
                                        //按钮禁用
                                        disabled: params.row.pdf?false:true,
                                        href: `/pdf/${params.row.tiaoma}-${params.row.rep_id}.pdf`,
                                        download: `${params.row.tiaoma}-${params.row.rep_id}.pdf`,
                                    },
                                    style: {
                                        display:"inline-block",
                                        color: params.row.pdf?"#68B2FE":"#ccc",
                                        margin:"5px",
                                        //按钮隐藏
                                        display:params.row.pdf?'inline-block': 'none',
                                    },
                                    on: {
                                        click: (e) => {
                                            this.seeReport(e, params.row.id, params.row.pdf);
                                        }
                                    }
                                }, '查看PDF报告'),
发布了133 篇原创文章 · 获赞 44 · 访问量 9万+

猜你喜欢

转载自blog.csdn.net/qq_41646249/article/details/102855508