JDictSelectUtil.js 列表字典函數用法

• 第一步: 引入依賴方法

import {initDictOptions, filterDictText} from '@/components/dict/JDictSelectUtil'

　　

• 第二步: 在created()初始化方法執行字典配置方法

  //初始化字典配置
      this.initDictConfig();

　　

• 第三步: 實現initDictConfig方法，加載列表所需要的字典(列表上有多個字典項，就執行多次initDictOptions方法)

      initDictConfig() {
        //初始化字典 - 性別
        initDictOptions('sex').then((res) => {
          if (res.success) {
            this.sexDictOptions = res.result;
          }
        });
      },

　　

• 第四步: 實現字段的customRender方法

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

　　

• 第五步: 實現字段的條件篩選方法

<j-dict-select-tag  v-model="queryParam.sex" placeholder="請輸入用戶性別"
                  dictCode="sex"/>

　　

• 第六步: modal的條件篩選方法

<j-dict-select-tag  v-decorator="['sex', {}]" :triggerChange="true" placeholder="請輸入用戶性別"
                  dictCode="sex"/>