解析jeecg-boot的数据字典,涉及到了vue的组件封装、ajax请求等

jeecg-boot中的数据字典本质其实是一个封装好的组件,然后在使用时单独传入后端给的code码给组件需要的字段,在数据字典组件里再通过接收到的code码发起ajax请求从而获取字典数据。

字典组件html结构如图:

定义props属性,用于从父组件获取数据字典组件所需的数据信息,具体如下: 

下面是对该组件处理数据的部分了:

然后是关键逻辑了:

 

接下来看看在业务组件里的使用是神魔样子的吧!

这里数据字典表格中是这样用的,原理和上面差不多,都是事先封装好组件和取字典的通用函数然后我们才可以直接使用,就酱紫吧

 

温馨提示:

我,作为一个神奇的喵系女孩,虽然反射弧稍微迟缓的长那么一点点,但,我必定是一只不容置疑的程序媛大佬!

如有问题请私信呦~看到以后我会第一时间回复哒~

安静的等待本媛的下一篇实习总结吧!

  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 6
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值