README.md 1.0 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36
DictSelectTag 组件说明
===

例子
----
<DictSelectTag  v-model="queryParam.sex" placeholder="请输入用户性别" dictCode="sex"/>



DictSelectUtil.js 列表字典函数用法说明
===

例子
----

第一步: 引入依赖方法
       import {initDictOptions, filterDictText} from '@/components/dict/DictSelectUtil'

第二步: 在created()初始化方法执行字典配置方法
      //初始化字典配置
                                  this.initDictConfig();
第三步: 实现initDictConfig方法,加载列表所需要的字典(列表上有多个字典项,就执行多次initDictOptions方法)
      //sexDictOptions 自行定义
      initDictConfig() {
        //初始化字典 - 性别
        initDictOptions('sex').then((res) => {
          if (res.success) {
            this.sexDictOptions = res.result;
          }
        });
      },
第四步:实现字段的customRender方法
     customRender: (text, record, index) => {
       //字典值替换通用方法
       return filterDictText(this.sexDictOptions, text);
     }