

創軟小程序開發團隊在進行小程序開發過程中,通過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>