前端这种字典数据如何赋值的(诺依框架)？

Question

诺依框架里dict.type.sys_user_sex这种字典数据是如何获取的？
也就是在index.vue中，字典数据是如何赋给dict.type.sys_user_sex的 ?

其中在index.vue中，有dicts: ['sys_user_sex']，它是如何工作的？

1.main.js

import { getDicts } from "@/api/system/dict/data";

// 全局方法挂载
Vue.prototype.getDicts = getDicts

2.api

// 根据字典类型查询字典数据信息
export function getDicts(dictType) {
  return request({
    url: '/system/dict/data/type/' + dictType,
    method: 'get'
  })
}

3.在index.vue中使用

<template>
  <div class="app-container">
    <el-form-item label="性别" prop="sex">
       <el-select v-model="queryParams.sex" placeholder="请选择性别" clearable size="small">
          <el-option
             v-for="dict in dict.type.sys_user_sex"
             :key="dict.value"
             :label="dict.label"
             :value="dict.value"
          />
       </el-select>
    </el-form-item>
  </div>
</template>

<script>
export default {
  name: "User",
  dicts: ['sys_user_sex'],
  data() {
    return { ... }
  }
}
</script>

Answer 1

@/components/DictData/index.js全局引用了@/utils/dict/index.js中的mixin, mixin中将dicts转换成data.dict, 获取数据