buildadmin表格自定义tag标签类型

‌

于 2023-01-03 10:53:28 发布

阅读量265

点赞数

CC 4.0 BY-SA版权

分类专栏： builadmin 文章标签：前端 vue.js

本文链接：https://blog.csdn.net/qq_39337264/article/details/128529667

builadmin 专栏收录该内容

3 篇文章

订阅专栏

该内容描述了如何在表格中利用框架自带的组件来渲染状态标签。通过设置prop,status,align,render等属性，实现不同状态如失败和成功显示不同的颜色标签，如info和success。同时，可以自定义tag的大小和样式，例如使用plain,dark,light等效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

{ 
    label: '状态', 
    prop: 'status', 
    align: 'center', 
    render: 'tags', 
    operator: 'LIKE', 
    replaceValue: { 
        0: '失败', 
        1: '成功' 
    }, 
    custom: {
         0: 'info',
         1: 'success'
    }
},

使用框架自带组件实现不同状态下的tag标签。

表格列可用属性

effect	`render=tag`时`el-tag`组件的主题	`plain、dark、light`
size	`render=tag`时`el-tag`组件的`size`	`default、small、large`
custom	自定义数据	比如`render=tag`时,可以指定不同值时的`Tag`的`Type`属性 { open: 'success', close: 'info' }