vue实战之Filter传入多个参数

---

前言

vue过滤器Filter用于格式化文本，即我们日常的为数字添加￥或 $ 符号等简单操作。但在现实场景中除了$，往往会有略微复杂的情况出现，如：给多个不同的循环表单中的每一项加入标题，像销售单一，销售单二；运输单一，运输单二。
若按照Filter单参数传递来实现的话，那我们不得不创建多个filter来满足需求，如果我们可以为filter传入第二个参数：表名。是不是我们只需一个filter就可以替代多个重复又略有不同filter了呢。
所以，下面就来实现一个Filter多参数的实现。

---

注意：当全局过滤器和局部过滤器重名时，会采用局部过滤器。

一、Filter多参数

1.创建全局过滤器

// value >>> 循环下标 index
// text  >>> 表名
// numberToString >>> 数字转中文数字方法
Vue.filter('toolToString',(value,text) =>{
    return text + utils.numberToString(String(value + 1));
})

2.引用实现

<template>
	<!-- 运输单列表 -->
	<view class="layout-margin" v-for="(item,index) in purchase_record_list" :key="index">
   		<transport-order :value='index | toolToString("运输工具")' ></transport-order>
	</view>
	<!-- 销售单列表 -->
	<view class="layout-margin" v-for="(item,index) in supply_supplier_pro" :key="index">
   		<transport-order :value='index | toolToString("销售单")' ></transport-order>
	</view>
</template>

---

总结

有事没事的小帅哥，靓女们点个关注谢谢啦。