jeecgboot 数据字典下拉框j-dict-select-tag使用

页面配置数据字典product_type
后端
 
@Dict(dicCode = "product_type")
private String type;
 
前端
 
<j-dict-select-tag v-decorator="['type', validatorRules.type]" placeholder="请选择商品类型" dictCode="product_type"
                   :trigger-change="true" @change="getType"/>
 
引入依赖
import {initDictOptions, filterDictText} from '@/components/dict/JDictSelectUtil' 
在created()初始化方法执行字典配置方法
this.initDictConfig(); 
 
//加载数据字典
initDictConfig() {
    //初始化字典 - 商品类型
    initDictOptions('product_type').then((res) => {
        if (res.success) {
            this.typeDictOptions = res.result;
        }
    });
},
 
表格字段
 
{
    title: '商品类型',
    align: "center",
    dataIndex: 'type',
    customRender: (text, record, index) => {
        //todo 字典值替换通用方法
        return filterDictText(this.typeDictOptions, text);
    }
},