main.js

//保存字典數據到LocalStorage
Vue.prototype.$api.setting.SystemDictType.all().then(({data}) => {loadDictsToLocalStorage(data)
})

新增 dictionary.js 放在 Utils文件夾里面

// 獲取字典數據
export function getDictByType(dictType) {const dicts = JSON.parse(localStorage.getItem('dicts') || '[]');// 檢查 dicts 是否是數組并且非空if (Array.isArray(dicts) && dicts.length > 0) {return dicts.find(dict => dict.dictType === dictType);}console.error('字典數據格式不正確或為空');return null;  // 返回 null 或一個默認值
}// 根據字典類型和值獲取字典標簽
export function getDictLabel(dictType, dictValue) {const dict = getDictByType(dictType);if (dict) {const item = dict.dataList.find(i => i.dictValue === dictValue);return item ? item.dictLable : '';}return '';  // 如果沒有找到標簽，返回空字符串
}// 初始化時將字典數據存儲到 localStorage
export function loadDictsToLocalStorage(dictData) {//清除數據localStorage.removeItem('dicts');// 將字典數據轉換成 JSON 字符串并存儲localStorage.setItem('dicts', JSON.stringify(dictData));}

頁面使用

<Table :datas="datas" ref="table" :border="true"><TableItem title="事件狀態" :render="messageRender"></TableItem>
</Table>methods: {messageRender(data) {return getDictLabel('eventStatus', data.status.toString())}}