若可框架，关于dicts字典的用法

src\api\system\dict\data.js

// 根据字典类型查询字典数据信息
export function getDicts(dictType) {return request({url: '/system/dict/data/type/' + dictType,method: 'get'})
}

main.js

import { getDicts } from "@/api/system/dict/data";
// 全局方法挂载
Vue.prototype.getDicts = getDicts

src\components\DictData\index.js

import Vue from 'vue'
import DataDict from '@/utils/dict'
import { getDicts as getDicts } from '@/api/system/dict/data'function install() {Vue.use(DataDict, {metas: {'*': {labelField: 'dictLabel',valueField: 'dictValue',request(dictMeta) {return getDicts(dictMeta.type).then(res => res.data)},},},})
}export default {install,
}

src\utils\dict\Dict.js

import Vue from 'vue'
import { mergeRecursive } from "@/utils/common";
import DictMeta from './DictMeta'
import DictData from './DictData'const DEFAULT_DICT_OPTIONS = {types: [],
}/*** @classdesc 字典* @property {Object} label 标签对象，内部属性名为字典类型名称* @property {Object} dict 字段数组，内部属性名为字典类型名称* @property {Array.<DictMeta>} _dictMetas 字典元数据数组*/
export default class Dict {constructor() {this.owner = nullthis.label = {}this.type = {}}init(options) {if (options instanceof Array) {options = { types: options }}const opts = mergeRecursive(DEFAULT_DICT_OPTIONS, options)if (opts.types === undefined) {throw new Error('need dict types')}const ps = []this._dictMetas = opts.types.map(t => DictMeta.parse(t))this._dictMetas.forEach(dictMeta => {const type = dictMeta.typeVue.set(this.label, type, {})Vue.set(this.type, type, [])if (dictMeta.lazy) {return}ps.push(loadDict(this, dictMeta))})return Promise.all(ps)}/*** 重新加载字典* @param {String} type 字典类型*/reloadDict(type) {const dictMeta = this._dictMetas.find(e => e.type === type)if (dictMeta === undefined) {return Promise.reject(`the dict meta of ${type} was not found`)}return loadDict(this, dictMeta)}
}/*** 加载字典* @param {Dict} dict 字典* @param {DictMeta} dictMeta 字典元数据* @returns {Promise}*/
function loadDict(dict, dictMeta) {return dictMeta.request(dictMeta).then(response => {const type = dictMeta.typelet dicts = dictMeta.responseConverter(response, dictMeta)if (!(dicts instanceof Array)) {console.error('the return of responseConverter must be Array.<DictData>')dicts = []} else if (dicts.filter(d => d instanceof DictData).length !== dicts.length) {console.error('the type of elements in dicts must be DictData')dicts = []}dict.type[type].splice(0, Number.MAX_SAFE_INTEGER, ...dicts)dicts.forEach(d => {Vue.set(dict.label[type], d.value, d.label)})return dicts})
}

若可框架，关于dicts字典的用法相关推荐

[vue 进阶] 关于dicts字典的用法
前言在使用若依框架开发小项目的时候,发现在项目中频繁使用到字典,原本代码中的dicts没有深入研究,故自己写了一个混入来实现想要的字典获取功能.但是觉得每次切换页面都需要调用一下,而且每个系统都有一 ...
php中条件查询语句,thinkphp3.2框架中where条件查询用法总结
本文实例讲述了thinkphp3.2框架中where条件查询用法.分享给大家供大家参考,具体如下: thinkphp3.2 where 条件查询在连贯操作中条件where的操作有时候自己很晕,所以整 ...
python字典的用法_Python字典的用法详解（附示例）
本篇文章给大家带来的内容是关于Python字典的用法详解(附示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 字典的表现形式为:{key:value},键和值之间用冒号分隔,每个 ...
python编程字典100例_python中字典(Dictionary)用法实例详解
本文实例讲述了python中字典(Dictionary)用法.分享给大家供大家参考.具体分析如下: 字典(Dictionary)是一种映射结构的数据类型,由无序的"键-值对"组成. ...
python 字典定义日志用法_python中字典(Dictionary)用法实例详解
本文实例讲述了python中字典(Dictionary)用法.分享给大家供大家参考.具体分析如下: 字典(Dictionary)是一种映射结构的数据类型,由无序的"键-值对"组成. ...
Android Glide图片加载框架（一）基本用法
文章目录一.前言二.简介三.基本用法第一步:调用 Glide.with() 方法创建加载图片的实例第二步:调用 load() 方法指定待加载的图片资源第三步:调用 into() 方法绑定显 ...
[转载] python里字典的用法_python中字典(Dictionary)用法实例详解
参考链接: Python字典dictionary copy方法本文实例讲述了python中字典(Dictionary)用法.分享给大家供大家参考.具体分析如下: 字典(Dictionary)是一种映 ...
jQuery框架的介绍以及基本用法--操作dom
jQuery框架的介绍以及基本用法–操作dom 概念 jQuery是一个优秀的javascript轻量级框架之一,兼容css3和各大浏览器,提供了dom,events,animate,ajax等简易操 ...
php ci captcha使用,CodeIgniter框架验证码类库文件与用法示例
本文实例讲述了CodeIgniter框架验证码类库文件与用法.分享给大家供大家参考,具体如下: 折腾了我四五个小时,终于,ci的验证码类库成功的整出来了. 下面请看源码: 在application/l ...

若可框架，关于dicts字典的用法

若可框架，关于dicts字典的用法相关推荐

最新文章

热门文章