若依vue中关于字典的使用

服务器托管

字典管理页面

列表

点击某个字典类型展示具体字典数据

修改某一条字典数据

字典的应用

一般用于select多选框中

以下是若依系统监控-》定时任务页面关于字典的运用：

代码实现

el-form-item label="任务组名" prop="jobGroup">
   el-select v-model="queryParams.jobGroup" placeholder="请选择任务组名" clearable>
     el-option
       v-for="dict in dict.type.sys_job_group"
       :key="dict.value"
       :label="dict.label"
       :value="dict.value"
     />
   el-select>
 el-form-item>
......

export default {
  components: { Crontab },
  name: "Job",
  dicts: ['sys_job_group', 'sys_job_status'],
  data() {

根据字典Dict的value获取Label，类似于通过key获得value

当需要根据字典的value来获取label进行展示，若依提供了selectDictLabel, selectDictLabels两个方法通过value获取label

main.js里已挂载了这两个方法.

// 任务组名字典翻译
    jobGroupFormat(row, column) {
      return this.selectDictLabel(this.dict.type.sys_job_group, row.jobGroup);
    },

源码解析

参考我的另外一篇文章：若服务器托管依vue中字典Dict插件的研究

服务器托管，北京服务器托管，服务器租用 http://www.fwqtg.net

相关推荐: 002——编译鸿蒙（Liteos -a）

目录 一、鸿蒙是什么 二、Kconfig 2.1 概述 2.2 编译器 2.3 make使用 本文章引用了很多韦东山老师的教程内容，算是我学习过程中的笔记吧。如果侵权请联系我。 一、鸿蒙是什么 这里我补充一下对鸿蒙的描述 这张图片是鸿蒙发布时使用的，鸿蒙是一个…