若依开源项目做导入数据时同步新增字典,页面下拉框与表格未同步更新问题
1.看源码可得知,该框架SysDictDataServiceImpl.insertDictData(SysDictData data)已做了新增字典,同步刷新redis功能,所以在后端业务新增字典时,调用该方法进行新增,不要直接调用dictDataMapper的insertDictData方法。

2.另外看前端代码,有两个关键的dict.js

/modules/dict.js --这个是存储字典的容器
/utils/dict.js --这个是请求字典接口并刷入的容器
给/utils/dict.js 新增一个刷新缓存的方法
/*** 刷新字典数据*/
export async function refreshDict(dictType) {// 先清除缓存useDictStore().removeDict(dictType)let dictTypeArr = [];await getDicts(dictType).then(resp => {dictTypeArr = resp.data.map(p => ({label: p.dictLabel,value: p.dictValue,elTagType: p.listClass,elTagClass: p.cssClass}))useDictStore().setDict(dictType, dictTypeArr)})return dictTypeArr
}
3.在main.js注册,全局方法挂载

4. 导入成功后方法调用刷新缓存方法,即可实时刷新页面

