若依框架---前端通过字典设置值实现下拉框展示数据

最新推荐文章于 2025-10-19 21:21:57 发布

原创最新推荐文章于 2025-10-19 21:21:57 发布 · 1w 阅读

17 ·

CC 4.0 BY-SA版权

文章标签：

#前端

前端专栏收录该内容

11 篇文章

订阅专栏

本文介绍如何在若依框架中使用字典管理功能。通过简单的步骤，可以在前端轻松调用字典数据，实现下拉框等交互组件的动态填充。

1.首先在若依框架的字典管理菜单中添加字典

2.在添加字典的key,value

3.这样就可以在前端需要调用的位置随意调用

<el-form-item label="班次">
          <el-select v-model="form.banci">
            <el-option
              v-for="dict in dict.type.sys_banci"
              :key="dict.value"
              :label="dict.label"
              :value="dict.value"
            ></el-option>
          </el-select>
        </el-form-item>

export default {
  name: "Paiban",
  dicts: ['sys_banci'],
}

4.效果图