爱彩网娱乐平台注册|爱彩网注册会员|
分享最實用的技術,創造更大的價值

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
爱彩网娱乐平台注册
随州股票配资 股票融资 成本 天天爱海南麻将官方app 北京一定牛快三走势图 绝地求生虎扑社区 微乐长春麻将安卓版下载 哪里玩pk10赛车微信群 私募股权基金配资 四川快乐12遗漏任 飞艇走势