code-transfor-text_vue是干啥的？

Question

https://www.npmjs.com/package/code-transfor-text_vue

Answer 1

是个vue过滤器的轮子，过滤器大家都会写，code-transfor-text_vue给提供了个便利而已

使用vue过滤器全局统一封装提取项目中数据字典对应的汉字_美酒没故事°的博客-CSDN博客 说明项目中的下拉菜单太多返回的数据也是对应的码代码那么我们可以封装个全局过滤器，用于灵活转数据字典的对应文字// 文本化数据字典tansfortext(value, dictionaries) { console.log(value, dictionaries); return dictionaries.find(item => { return item.code_value === value }).code_name; }两个参数，第 https://blog.csdn.net/qq_42618566/article/details/124142095

就是比如有好几设备类型，比如1是插座，2是电表，3是路由器... 9是充电桩
接口返回的是"3"，页面不能直接显示"3"吧？得显示对应的汉字路由器对不对？

很多人写的就是类似：

<div v-if="code===1">插座</div>
<div v-else-if="code===2">电表</div>
<div v-else-if="code===3">路由器</div>
...
<div v-else="code===9">充电桩</div>

特别多的if,每个码都写了一遍,很臃肿

code-transfor-text_vue过滤器就可以一行搞定：

<div>地址：{{ code | CodeTransforText(devices) }}</div>

案例