• 字典组件

​ 引入字典列表

export default {
  // 字典key的名称
  dicts: ["dict_type", "xxx", "xxx"],
  data() {
    return {};
  },
};

根据后端接口返回的字典 key 回显 label

<dict-tag :options="dict.type.dict_type" :value="key" />

在下拉选择框中使用字典。使用 element-ui 的选择器组件

<el-select v-model="xxx">
  <el-option
    v-for="item in dict.type.dict_type"
    :key="item.value"
    :label="item.label"
    :value="item.value"
  />
</el-select>