code-transfor-text_vue v1.0.5

code-transfor-text_vue

基于vue的字典码转译提取过滤器。将码对应的业务名称提取并返回

大家是不是见到过这种代码：

<div v-if="code===1">龙泽</div>
<div v-else-if="code===2">西二旗</div>
<div v-else-if="code===3">上地</div>
<div v-else-if="code===4">沙河</div>
<div v-else="code===5">八宝山</div>
...
<div v-else="code===99">月牙山</div>

有多少码就写了多少遍，重点是写死的不灵活。快放弃这么臃肿的代码吧

<div>地址：{{ address | CodeTransforText(dropdowns.address) }}</div>

一行就搞定，这多简洁

安装：

npm install code-transfor-text_vue

引入：

import CodeTransforText from 'code-transfor-text_vue'

注册：

Vue.use(CodeTransforText)

使用：

CodeTransforText(dictionaries, config);

案例

1. <div>
     供电性质：{{ powerType | CodeTransforText(dropdowns.nature) }}
   </div>

2. <div>
     隶属区域：{{ constructionUuid | CodeTransforText(dropdowns.constructionUuid, {name:"construction",value: "uuid"}) }}
   </div>

3. let chargePort = "1,2,5,7";
   console.log(this.$options.filters.CodeTransforText(chargePort, this.dropdowns.chargePort));