vue循环v-for通过computed添加过滤筛选条件filter传参的方法

创软小程序开发团队在进行小程序开发过程中，通过vue的v-for循环时，需要进行数据筛选条件，经查，可以通过vue计算属性computed方法内传参的方式，进行filter过滤，创软小程序定制开发团队整理了可用的代码供参考交流。

1, .vue 文件

<view v-for="(item, index) in DataList_filter(需要传入的值)" :key="index">
</view>

2, computed

<script>
	export default {
	    data() {
			return {
				
				DataList: []
			}
		},
		computed:{
			ProductList_filter() {
				let _this=this;
				  return function (_value) {
					 let vDataList = _this.DataList.filter(item=>item.pid === _value).reverse();
					 return vDataList;
				  }
			  }
		
		}
	}
</script>

此方法利用了vue的闭包传值。

经过创软小程序开发团队测试，可以用 v-if 达到同样效果，如下代码：

<view v-for="(item, index) in DataList" :key="index"
    v-if="item.pid === '验证值'">
</view>