页面配置数据字典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);
    }
},