code-transfor-text_vue是干啥的?

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

就是比如有好几设备类型,比如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>

案例

img

img