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

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.效果图