若依字典使用

若依字典使用

此文章使用的若依是大于3.7.0版本的

JS文件配置

main.js中引入全局变量和方法

import DictData from '@/components/DictData'
DictData.install()

DictData.js配置

可以从DictData.js中看出在install方法中调用了字典查询接口,在install方法中可以做以下操作:
(1)修改字典接口为你的字典接口,或者去api/dict/data.js中修改getDicts方法
(2)配置label和value对应的后端返回字段,若依框架会去后端返回的数据中拿到配置字段的值赋给label和value

labelField: 'dictLabel',//label对应的字段
valueField: 'dictValue',//value对应的字段

DictData.js
在这里插入图片描述

vue页面使用字典

(1)加载数据字典,可以是多个

export default {dicts: ['字典类型'],...
...

(2)读取数据字典
此处的label和value就是DictData.js中配置的字段对应的值

<el-optionv-for="dict in dict.type.字典类型":key="dict.value":label="dict.label":value="dict.value"
/>

(3)也可以在列表中翻译返回的值

// 字典标签组件翻译
<el-table-column label="名称" align="center" prop="name"><template slot-scope="scope"><dict-tag :options="dict.type.字典类型" :value="scope.row.name"/></template>
</el-table-column>// 自定义方法翻译
{{ xxxxFormat(form) }}xxxxFormat(row, column) {return this.selectDictLabel(this.dict.type.字典类型, row.name);
},

拓展

上面的就是若依字典使用的过程,以下是拓展:
若依字典手册:http://doc.ruoyi.vip/ruoyi-vue/document/qdsc.html#%E4%BD%BF%E7%94%A8%E5%AD%97%E5%85%B8
若依字典底层执行过程逻辑:https://blog.csdn.net/weixin_43094085/article/details/122472351

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/4848.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

前端 | (五)CSS三大特性及常用属性 | 尚硅谷前端html+css零基础教程2023最新

学习来源&#xff1a;尚硅谷前端htmlcss零基础教程&#xff0c;2023最新前端开发html5css3视频 文章目录 &#x1f4da;CSS三大属性&#x1f407;层叠性&#x1f407;继承性&#x1f407;优先级 &#x1f4da;CSS常用属性&#x1f407;像素的概念&#x1f407;颜色的表示⭐️表…

火狐安卓版支持油猴了!后面将支持更多扩展插件

日前火狐浏览器每夜构建版的安卓版已经带来了更多扩展程序支持&#xff0c;这其中就包括大名鼎鼎的油猴扩展程序。本次火狐浏览器每夜构建版更新新增五款扩展程序支持&#xff0c;并且按照谋智基金会说法还会支持更多的扩展程序。 下载地址&#xff1a;https://ftp.mozilla.org…

【论文阅读】关于图像复杂度的论文

1997-An image embedding in image by a complexity based region segmentation method&#xff1a; 根据位平面的&#xff08;边缘/图像像素数&#xff09;计算复杂度 2012-https://journals.sagepub.com/doi/abs/10.1068/p6987&#xff1a; 对于象形文字&#xff0c;当将复…

WEB:FlatScience

背景知识 sql注入 SQLite数据库知识 SQLite3注入方法 题目 用dirsearch进行扫描&#xff0c;下面几个关键目录&#xff1a;robots.txt&#xff0c;login.php&#xff0c;admin.php&#xff0c;剩下的目录就是一些pdf格式的论文了 一个一个访问并查看源代码&#xff0c;在查看l…

ThinkPHP使用having时,同时使用分页会报错的解决方法

当使用ThinkPHP的分页查询时&#xff0c;如果与having同时使用&#xff0c;可能会出现错误。这是因为having会影响分页查询的结果。 解决方法是&#xff0c;先不要使用分页查询&#xff0c;先查询出所有数据&#xff0c;再使用array_slice函数对数据进行分页。示例代码如下&am…

【二分查找】275. H 指数 II

&#x1f4cd;前言 &#x1f57a;作者&#xff1a; 迷茫的启明星 学习路线C语言从0到1C初阶数据结构从0到1 &#x1f618;欢迎关注&#xff1a;&#x1f44d;点赞&#x1f64c;收藏✍️留言 &#x1f3c7;码字不易&#xff0c;你的&#x1f44d;点赞&#x1f64c;收藏❤️关注对…

模拟退火算法

先随机产生初始点&#xff0c;并获得函数值。接着循环随机产生定义域内的数&#xff0c;比较与现在所处的点的函数值大小&#xff0c;&#xff08;以求最大值为例&#xff09;若大于现在所处的点&#xff0c;那么就接受这个点。若小于这个点的值&#xff0c;不一定拒绝&#xf…

windows下安装consul、springboot整合consul

Spring Cloud Consul通过自动配置和绑定到Spring Environment和其他Spring编程模型习语&#xff0c;为Spring Boot应用程序提供Consul集成。通过一些简单的注解&#xff0c;可以快速启用和配置应用程序内的常用模式&#xff0c;并使用Hashicorp的Consul构建大型分布式系统。提供…

检测到错误页面web应用服务器版本信息泄露

详细描述 Web服务器未能正确处理异常请求导致Web服务器版本信息泄露&#xff0c;攻击者收集到服务器信息后可进行进一步针对性攻击。 解决办法 临时修复建议如下&#xff1a; 1、关闭web服务器错误提示。 2、关闭运行平台的错误提示。 3、建立错误机制&#xff0c;不要把真实…

Docker 的理解

docker 启停 秒级别&#xff0c;应用的处理。docker 如何快速启停&#xff0c;键值对&#xff0c;缓存&#xff0c;数据库。 hello redis web 反向代理 1 docker ps 查看进程 2 docker images 查看镜像 3 docker run hello-world 「先尝试从本地查找&#xff0c;本地没有&…

uniapp u-view 两个时间戳的差 倒计时

参考uView倒计时 1、常规操作&#xff1a;自定义倒计时组件 ui-count-down <template><view class"countdown-view"><u-count-down change"finishDown" :time"startTimeDown" :startTime"startTime" format"HH:…

MySQL八股学习总览-from 小林coding

MySQL八股学习总览-from 小林coding MySql执行流程连接MySQL服务器查询缓存解析SQL执行SQL预处理器优化器执行器 MySql执行流程 连接MySQL服务器 经过如下的命令,就可以与MySQL服务器建立起连接,三次握手 mysql -h$ip -u$user -p服务端查询多少个客户端连接 show processlis…

干货分享:商城系统开发方式

商城系统是一种为了满足电子商务需求而开发的系统&#xff0c;它能够实现在线购物、支付、订单管理等功能。在当今互联网时代&#xff0c;商城系统的开发方式多种多样。那么&#xff0c;商城系统开发方式有哪些呢&#xff1f; 1、完全独立自主开发 完全独立自主开发是指企业根…

【C++】仿函数(less)

C中的仿函数 class Solution { public:struct cmp{bool operator()(const pair<string,int>&kv1,const pair<string,int>&kv2){if(kv1.second<kv2.second) return true;if(kv1.secondkv2.second&&kv1.first>kv2.first) return true;return …

TCP/IP详解

目录 一、OSI参考模型 1.图示 2.OSI七层模型各自作用 3.七层通信过程 二、IP协议 1.IPv4首部 2.IPv6首部 三、TCP协议 1.tcp首部格式 2.握手挥手图示 3.握手流程 4.为什么要三次握手&#xff1f; 5.四次挥手流程 6.为什么要四次分手&#xff1f; 7.为什么要等待…

后端Long类型传到前端精度丢失的问题

问题出现&#xff1a;后端的Java Bean的id属性是用的Long类型对应数据库主键使用bigint类型&#xff0c;当使用JSON方式传递该数据给前端时&#xff0c;前端接收到的数据末尾会变成0。&#xff08;发生的精度丢失问题&#xff09; 问题原因&#xff1a;Java中的long能表示的范围…

数据排布与跨距对齐

1 数据排布 1.1 数据排布的概念 在深度学习框架中&#xff0c;特征图通常以四维数组的形式呈现&#xff0c;这四个维度分别是&#xff1a;批量大小N&#xff0c;特征图通道数C&#xff0c;特征图高度H&#xff0c;特征图宽度W。数据排布&#xff08;Layout&#xff09;指的就…

http1.0、http1.1 http 2.0

HTTP/1.0是无状态、无连接的应用层协议。 无连接 无连接&#xff1a;每次请求都要建立连接&#xff0c;需要使用 keep-alive 参数建立长连接、HTTP1.1默认长连接keep-alive   无法复用连接&#xff0c;每次发送请求都要进行TCP连接&#xff0c;TCP的连接释放都比较费事&…

【优选算法题练习】day6

文章目录 一、76. 最小覆盖子串1.题目简介2.解题思路3.代码4.运行结果 二、704. 二分查找1.题目简介2.解题思路3.代码4.运行结果 三、34. 在排序数组中查找元素的第一个和最后一个位置1.题目简介2.解题思路3.代码4.运行结果 总结 一、76. 最小覆盖子串 1.题目简介 76. 最小覆…