• <nav id="ecmkk"></nav>
  • 分享最實用的技術,創造更大的價值

    vue循環v-for通過computed添加過濾篩選條件filter傳參的方法

    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>



    聯系
    QQ
    電話
    咨詢電話:189-8199-7898
    TOP
    亚洲中文字幕aⅴ天堂
  • <nav id="ecmkk"></nav>