技术文档

打开导航菜单

PIG AI Guide
============

切换主题搜索

[](https://wwads.cn/click/bait)[![](https://cdn.wwads.cn/creatives/U3n343DCMimUvbTZX1xnbYkOoPlTBBVBjzP4bqjf.jpg)
](https://wwads.cn/click/bundle?code=ajZTgGgWudQ8jFBWxiOCY1T5Qly4mg)

[🔥**码云GVP开源项目 16k star** Uniapp + ElementUI 功能强大 支持多语言、二开方便](https://wwads.cn/click/bundle?code=ajZTgGgWudQ8jFBWxiOCY1T5Qly4mg)[广告](https://wwads.cn/?utm_source=property-270&utm_medium=footer "点击了解万维广告联盟")

PIGX 技术指南
=========

适配 5.0 以上单体和微服务版本

PIGX 技术指南PIG

⌘K

参与开发

快速上手

前端部分

功能使用

后端部分

扩展必看

生产部署

社区分享

更新日志

更新日期: 2025-10-23

最后更新: 2025/8/19

切换主题

前端字典工具使用
========

[](#1-usedict-函数)1\. useDict 函数
-------------------------------

*   字典类型对应 sys\_dict 表中字典数据

```


`import  {useDict}  from  '/@/hooks/dict';  
const  {字典类型A, 字典类型B}  =  useDict('字典类型A'，'字典类型B'  )  ;`




```

注意：element-plus 的 radio 和 select 等类型组件对 value 字段有强制的数据类型要求。实体字段应该使用字符串而不是数字类型来对应字典功能使用。

[](#2-页面使用-dict-tag)2\. 页面使用 dict-tag
-------------------------------------

```


 `<el-table-column>   <template  #default="scope">   <dict-tag  :options="字典类型"  :value="scope.row.xx"></dict-tag>   </template>  </el-table-column>`




```

### 本页导航

1\. useDict 函数

2\. 页面使用 dict-tag