前端要做很多状态转换 有没有优雅点的实现方式?

Posted 云の旋律

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端要做很多状态转换 有没有优雅点的实现方式?相关的知识,希望对你有一定的参考价值。

 

它们是长这样子的滴:关键我一个界面有个状态值有10个类型

 

现在的解决方案是:构建一个状态映射类:

const ZxUtils = {

XzxkMain: {
ISOK: {
0: \'不成功\',
1: \'成功\'
},
SFGK: {
0: \'公开\',
1: \'不公开\'
},
DEALTAG: {
\'0\': \'填写\',
\'1\': \'其他\'
},

ztLx: {
  \'0\': \'居民身份证\',
\'1\': \'军人身份有效证件\',
\'2\': \'港澳居民来往内地通行证\',
\'3\': \'台湾居民来往大陆通行证\',
\'4\': \'护照\',
\'5\': \'其他法定认可的证件\',
\'6\': \'统一社会信用代码\',
\'7\': \'组织机构代码\',
\'8\': \'工商登记注册号\',
\'9\': \'税务登记证号\',
},
} }; export default ZxUtils;

 

界面操作就简单多了:

 

以上是关于前端要做很多状态转换 有没有优雅点的实现方式?的主要内容,如果未能解决你的问题,请参考以下文章

Vue实战031:保持用户登录状态(各种token存储方式)

Angular 真的需要状态管理么?

BeanUtilsBeanCopierDozerOrika 哪家强?

干掉项目中杂乱的 if-else,试试状态模式,这才是优雅的实现方式!

你的代码里藏着你的优雅

优雅的转换Bean对象 mapstruct使用笔记详解