社区
其他技术讨论专区
帖子详情
在vue中如何使用数据字典呀?
weixin_38048892
2017-10-12 06:49:48
例如一个状态:0,1,2。对应的字典应该怎么处理好一些?是定义在客户端还是从服务器取?是定义在页面还是vuex中呢? 谢谢
...全文
1564
6
打赏
收藏
在vue中如何使用数据字典呀?
例如一个状态:0,1,2。对应的字典应该怎么处理好一些?是定义在客户端还是从服务器取?是定义在页面还是vuex中呢? 谢谢
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
6 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
weixin_38066491
2018-04-19
打赏
举报
回复
把它放在前端。定义config文件夹放在里边,不用放在后端那么麻烦,后期维护,直接进行修改这个字典就可以了,无论你要添加什么类类型3,类型4,直接写在里边即可。
使用
VUE
自定义组件封装
数据字典
实战
软件系统
中
,会有一些成组的常量值,来描述业务实体的属性,如性别、证件类型、审批状态等。我们通常称之为
数据字典
,作为系统后台管理的一个独立功能,来维护字典类型以及对应的字典值。后端功能和实现都比较简单,没什么好说的,本文档重点要说的是前端的封装。 对于
数据字典
,前端展现往往有三种常用的形式,下拉列表、单选按钮组和复选框组,其
中
,最常用是下拉列表,这里就以下拉列表的实现为例来说明,其他两种类似,不重复描述。 直接
使用
select组件,是不是可以呢?答案是可以用,但用起来比较繁琐,需要在页面加载的时候,调用后端API接口拿数据,在data
中
定义存放字典数据的变量,并且一个实体编辑页面,
使用
到字典属性往往不止一个,三五个也比较常见,这时候,需要定义多个变量来存放字典项以及加载数据,开发工作量变大且容易出错。 那有没有办法让
使用
变得更方便呢?答案也简单,就是自定义封装一个组件来实现。我们的目标是传入一个
数据字典
的类型编码,组件内部调用后端API,完成数据的加载与存储,在选择项变化时,自动更新绑定的对应的业务实体的属性值。同时,在业务实体的编辑页面,也能自动绑定和显示已选择的字典项。
vue
前端模拟字典处理后端返回数据
有时候后端返回的数据字段可能是只有1或者2,这种code,没有返回对应的
中
文,但是前端又要显示
中
文,于是我就写了一个demo 可进行参考,只是主要处理就是用了js的一些语法,逻辑基本都是一样的,可以参考我这个demo在自己项目里进行封装
在
Vue
mounted方法
中
使用
data变量详解
如下所示: data: { certificates: null }, mounted: function () { var __this = this; __this.certificates = getDictForkey(学历); }
使用
this对data
中
变量进行调用
vue
生命周期参照官方:点击进入
vue
渲染页面的时候,可能会对某些数据进行字典操作,比方性别,数据
中
是0和1,字典值是男和女,这个时候就需要在mounted进行“性别”字典的获取,然后页面自动渲染。 以上这篇在
Vue
mounted方法
中
使用
data变量详解就是小编分享给大家的全部内容了,希望能给大
vue
3
中
字典
使用
vue
3
中
字典
使用
vue
中
字典的
使用
【代码】
vue
中
字典的
使用
。
其他技术讨论专区
433
社区成员
791,270
社区内容
发帖
与我相关
我的任务
其他技术讨论专区
其他技术讨论专区
复制链接
扫一扫
分享
社区描述
其他技术讨论专区
其他
技术论坛(原bbs)
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章