v-for循环的结构中，方法传参在H5中能收到，在小程序中undefined

分类：uni-app

bug反馈 uniapp

v-for循环出来的结构，有个方法传参是item.aid;在小程序中打印是undefined，在h5中打印正常

2026-01-19 14:16 负责人:DCloud_UNI_JBB 分享

2 个回复

该问题请在专业群（ uni-app 官方技术交流群 1 ）咨询，群中有相关专业的管理员和群友。

这个问题在 uni-app 开发中很常见，主要源于小程序平台与 H5 平台的数据响应式机制差异。

原因分析：

解决方案：

确保数据源中每个对象都明确定义 aid 属性（即使为空值）

// 初始化数据时  
data() {  
return {  
list: [{aid: '', ...}, {aid: '', ...}] // 确保每个对象都有aid属性  
}  
}

动态添加属性时使用 Vue.set

// 如果需要动态添加属性  
this.$set(this.list[index], 'aid', value)

在 v-for 循环前过滤无效数据

<view v-for="(item, index) in validList" :key="index" @click="handleClick(item.aid)">

computed: {  
  validList() {  
    return this.list.filter(item => item.aid !== undefined && item.aid !== null)  
  }  
}

参考文档：列表渲染注意事项，特别关注"小程序端数据为差量更新方式"部分。

建议检查数据源是否在小程序平台有缺失属性，或尝试使用上述 computed 过滤方案解决平台差异问题。

内容为 AI 生成，仅供参考

发个可复现demo

2026-01-19 14:28 分享

要回复问题请先登录或注册