创软小程序开发团队在进行小程序开发过程中,通过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>