咨询热线

0371-86158370

vue循环v

如果您正在寻找相关产品或有其他疑问,可随时拨打服务热线,或点击下方按钮与我们在线交流!

2022-05-06 16:29:09 发布者:海融软件
关于vue循环v这个疑惑,是在河南IT软件服务商中一个比较常见的疑惑了,那么怎样解决这个疑惑呢,继续阅读,接下来进行详细的介绍。

创软小程序开发团队在进行小程序开发过程中,通过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>



相关产品
更多推荐
科技·质量·服务·创新

科技·质量·服务·创新

提交需求

如果您对我们的产品感兴趣,或者我们有什么可以帮助到您的,您可以随时在线与我们沟通。 当然您也可以在下面给我们留言,我们将热忱为您服务!

快速响应给予技术咨询答复

专业优质软件服务

成熟领先产品解决方案

专业可靠合作伙伴

免费咨询 0371-86158370
免费获取报价

获取报价

销售热线销售热线:0371-86158370

返回顶部

首页 在线咨询在线咨询 一键拨打一键拨打
Baidu
map