uni-list-item遍历传参
uni-list-item 遍历了一个数组,但是当点击列表的时候,总是获取不到当前行的数据,查看源代码,发现uni-list-item 不适合遍历,于是果断改了源代码组件源代码修改部分定义接受参数data: {type: Object,default: undefined},onClick() {if (this.to !== '') {this.openPage();return;}if (th
·
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)
}
最终效果图
开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!
更多推荐
已为社区贡献2条内容
所有评论(0)