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