前端vue如何使用若依中的字典？

以工具状态为例：

第一步：首先在系统的字典管理中添加新的字典。

第二步：给字典增加新的值

第三步：修改组件的代码

<el-form-item label="工具状态" prop="status">

        <el-radio-group v-model="formData.status">

          <el-radio value="1">请选择字典生成</el-radio>

        </el-radio-group>

      </el-form-item>

模仿系统的显示状态：
<el-form-item label="位置状态" prop="status">

        <el-select v-model="formData.status" placeholder="请选择位置状态">

          <el-option

            v-for="dict in getIntDictOptions(DICT_TYPE.COMMON_STATUS)"

            :key="dict.value"

            :label="dict.label"

            :value="dict.value"

          />

        </el-select>

      </el-form-item>

改成：

<el-form-item label="工具状态" prop="status">

        <el-select v-model="formData.status" placeholder="请选择工具状态">

          <el-option

            v-for="dict in getIntDictOptions(DICT_TYPE.TOOL_STATUS)"

            :key="dict.value"

            :label="dict.label"

            :value="dict.value"

          />

        </el-select>

      </el-form-item>

因为我的字典值属于DICT_TYPE，所以需要手动添加到dict.ts文件中。

如下：

  TOOL_STATUS = 'tool_status',//工具状态

成功后如下图所示：