metro 网站模板百度seo教程网

一、情景说明

我们在做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，是可以直接使用的。