当前位置: 首页> 健康> 知识 > 企业头像logo设计免费_长春网站排名_推广网络推广平台_百度网站首页

企业头像logo设计免费_长春网站排名_推广网络推广平台_百度网站首页

时间:2025/7/11 23:02:52来源:https://blog.csdn.net/wch19960518/article/details/142379861 浏览次数:0次
企业头像logo设计免费_长春网站排名_推广网络推广平台_百度网站首页

【设计初衷是用户可根据给定的字段进行准确描述】

实现功能:

1. 文本域内容串动态配置字段,以$ {英文}拼接格式给到接口。
(传参如:$ {heat_status_code}正常,$ {wdy_temp}也正常!)
2. 编辑时根据接口返回的$ {英文}去匹配显示对应的中文到页面。
(页面显示如:$ {供暖状态} 正常,${室温}也正常!)

实现效果图:
在这里插入图片描述

关键代码-对表单内容串格式变换

methods: {/**** 页面显示格式(中文)与提交格式(英文)互换* 参数alarmDesc 说明内容(会接受到两种格式:①页面操作时表单中的内容:${供暖状态}正常,${室温}也正常! ②后端详情接口给到的:${heat_status_code}正常,${wdy_temp}也正常!)* 参数flag 为true时传来的是中文,匹配{中文}替换为{英文},主要用于页面显示;为false时传来的是英文,匹配{英文}替换为{中文},主要用于接口传参*/replaceKeysWithVals(alarmDesc, flag) {// this.keyOptions 为说明参数字段(动态的),里面字段key为中文, val为对应的英文(如 key: 供暖状态,val: heat_status_code)return this.keyOptions.reduce((desc, { key, val }) => {const regex = new RegExp(`\\{${flag ? key : val}\\}`, "g");return desc.replace(regex, `{${flag ? val : key}}`);}, alarmDesc);},
}
关键字:企业头像logo设计免费_长春网站排名_推广网络推广平台_百度网站首页

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: