uni-list-item 遍历了一个数组,但是当点击列表的时候,总是获取不到当前行的数据,查看源代码,发现uni-list-item 不适合遍历,于是果断改了源代码

组件源代码修改部分

定义接受参数

data: {
			type: Object,
			default: undefined
		},
onClick() {
			if (this.to !== '') {
				this.openPage();
				return;
			}
			if (this.clickable || this.link) {
				console.log(this.data)
				this.$emit('click', {
					data: this.data
				});
			}
		},

传递参数

<uni-list-item v-for="item in listData" :key="item.id" :title="item.fileCode" :note="item.createTime"
				showArrow thumb="/static/file1.png" thumb-size="base" :data="item" clickable @click="onClick" />
async onClick(e) {
				console.log('执行click事件', e)
			
				
			}

最终效果图

Logo

开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!

更多推荐