若依开源项目做导入数据时同步新增字典，页面下拉框与表格未同步更新问题

魂万劫2025-11-04 12:28

1.看源码可得知，该框架SysDictDataServiceImpl.insertDictData(SysDictData data)已做了新增字典，同步刷新redis功能，所以在后端业务新增字典时，调用该方法进行新增，不要直接调用dictDataMapper的insertDictData方法。

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

/modules/dict.js --这个是存储字典的容器

/utils/dict.js --这个是请求字典接口并刷入的容器

给/utils/dict.js 新增一个刷新缓存的方法

javascript 复制代码

/**
 * 刷新字典数据
 */
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注册，全局方法挂载

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