創(chuàng)軟小程序開發(fā)團隊在進行小程序開發(fā)過程中,通過vue的v-for循環(huán)時,需要進行數(shù)據(jù)篩選條件,經(jīng)查,可以通過vue計算屬性computed方法內(nèi)傳參的方式,進行filter過濾,創(chuàng)軟小程序定制開發(fā)團隊整理了可用的代碼供參考交流。
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的閉包傳值。
經(jīng)過創(chuàng)軟小程序開發(fā)團隊測試,可以用 v-if 達(dá)到同樣效果,如下代碼:
<view v-for="(item, index) in DataList" :key="index" v-if="item.pid === '驗證值'"> </view>