DictSelectTag字典标签

针对字典的使用，目前提供了一个标签和函数。DictSelectTag 标签： 用于表单的标签使用，比如通过性别字典编码：sex，可以直接渲染出下拉组件。DictSelectUtil.js函数： 用于列表数据展示，针对列表字段字典值替换成字典文本，进行展示。

[1].DictSelectTag 字典标签用法

示例：

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

v-decorator用法：

  1. <j-dict-select-tag  v-decorator="['sex', {}]" :triggerChange="true" placeholder="请输入用户性别"
  2.                   dictCode="sex"/>

[2].DictSelectUtil.js 列表字典函数用法

示例：

第一步： 引入依赖方法

  1. import {initDictOptions, filterDictText} from '@/components/dict/DictSelectUtil'

第二步： 在created()初始化方法执行字典配置方法

  1.  this.initDictConfig();

第三步： 实现initDictConfig方法，加载列表所需要的字典(列表上有多个字典项，就执行多次initDictOptions方法)

  1. //sexDictOptions 自行定义
  2.       initDictConfig() {
  3.         //初始化字典 - 性别
  4.         initDictOptions('sex').then((res) => {
  5.           if (res.success) {
  6.             this.sexDictOptions = res.result;
  7.           }
  8.         });
  9.       },

第四步：实现字段的customRender方法

  1. customRender: (text, record, index) => {
  2.        //字典值替换通用方法
  3.        return filterDictText(this.sexDictOptions, text);