一、情景說明

我們在做web系統的時候，肯定會遇到一些常量選擇場景。
比如，性別：男女。
狀態：正常，異常。
這些常量選擇就可以做成字典配置功能。

二、若依Vue相關代碼及配置

1、utils代碼

2、components組件

3、api接口代碼

4、Vuex配置

5、main.js配置

// 字典數據組件
import DictData from '@/components/DictData'
DictData.install()import store from './store'
new Vue({router,store,render: h => h(App)
}).$mount('#app')

三、使用方法

在任意一個vue文件中

1、html部分

          <el-form-item label="狀態"><el-radio-group v-model="form.status" v-removeAriaHidden><el-radiov-for="dict in dict.type.sys_normal_disable":key="dict.value":label="dict.value":value="dict.value">{{dict.label}}</el-radio></el-radio-group></el-form-item>

2、js部分

至于，dicts里配置的值，從數據庫查看即可。

個人理解，至于字典這塊的前端代碼，為什么寫的如此復雜，
我是不太理解的。
太繞，沒看懂。

但是，直接這么copy，是可以直接使用的。