必威游戏app官方下载_必威体育中文app_必威备用网址 - vue循环v-for通过computed添加过滤筛选条件filter传参的方法 - 技术分享- 专业的四川成都软件必威体育中文app公司 - 创软科技
分享最实用的技术,创造更大的价值

vue循环v-for通过computed添加过滤筛选条件filter传参的方法

vue循环v-for通过computed添加过滤筛选条件filter传参的方法

创软小程序必威体育中文app团队在进行小程序必威体育中文app过程中,通过vue的v-for循环时,需要进行数据筛选条件,经查,可以通过vue计算属性computed方法内传参的方式,进行filter过滤,创软小程序必威游戏app官方下载必威体育中文app团队整理了可用的代码供参考交流。


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的闭包传值。


经过创软小程序必威体育中文app团队测试,可以用 v-if 达到同样效果,如下代码:

<view v-for="(item, index) in DataList" :key="index"
    v-if="item.pid === '验证值'">
</view>



联系
QQ
电话
咨询电话:189-8199-7898
TOP

必威游戏app官方下载_必威体育中文app_必威备用网址

  • <tr id='b43451'><strong id='b43451'></strong><small id='b43451'></small><button id='b43451'></button><li id='b43451'><noscript id='b43451'><big id='b43451'></big><dt id='b43451'></dt></noscript></li></tr><ol id='b43451'><option id='b43451'><table id='b43451'><blockquote id='b43451'><tbody id='b43451'></tbody></blockquote></table></option></ol><u id='b43451'></u><kbd id='b43451'><kbd id='b43451'></kbd></kbd>

    <code id='b43451'><strong id='b43451'></strong></code>

    <fieldset id='b43451'></fieldset>
          <span id='b43451'></span>

              <ins id='b43451'></ins>
              <acronym id='b43451'><em id='b43451'></em><td id='b43451'><div id='b43451'></div></td></acronym><address id='b43451'><big id='b43451'><big id='b43451'></big><legend id='b43451'></legend></big></address>

              <i id='b43451'><div id='b43451'><ins id='b43451'></ins></div></i>
              <i id='b43451'></i>
            1. <dl id='b43451'></dl>
              1. <blockquote id='b43451'><q id='b43451'><noscript id='b43451'></noscript><dt id='b43451'></dt></q></blockquote><noframes id='b43451'><i id='b43451'></i>