页面配置数据字典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); } },
版权声明:本文为level_Tiller原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。