vue、uniapp项目循环中能显示每个列表的内容,但是点击的时候传递的参数却不正确

介绍

这个问题找了几个小时,赶紧记录一下,以免下次又遇到这个问题了。这件事告诉我们,我们的知识积累是真的很重要,不要太依赖AI,我让AI给我找了半个多小时都没找到问题,推荐的都是一些乱七八糟的方法。

问题是这样的

<view class="card_container" @click="enterPatientDetailA(item)" v-for="(item,index2) in item1.list" :key="item.patientId">

当触发点击事件的时候,这里的item就不正确了。其实原因很简单就是这个key有问题。

因为我这边的数据中,家属与患者都有patientId并且这个id还是一样的。所以导致点击的时候传递的item的值不正确。把这个key改为唯一id就可以了,或者直接用index2即可:key="index2"

我估计其中的原理应该是这样的。

渲染是按正常的渲染,item里的内容都能双向绑定显示出来。

但是当触发点击事件的时候,这个时候vue可能会根据这个key去找数组里的这个item是哪个,然后再传过去。而不是直接从dom里去找。

相关推荐
2501_9159090613 小时前
不用越狱就看不到 iOS App 内部文件?使用 Keymob 查看和导出应用数据目录
android·ios·小程序·https·uni-app·iphone·webview
万物得其道者成13 小时前
uni-app Android 离线打包:多环境(prod/dev)配置
android·opencv·uni-app
学习3人组14 小时前
Uniapp快速上手了解
uni-app
小鲤鱼ya15 小时前
vue3 + ts + uni-app 移动端封装图片上传添加水印
前端·typescript·uni-app·vue3
2501_9159214315 小时前
常用iOS性能测试工具大全及使用指南
android·测试工具·ios·小程序·uni-app·cocoa·iphone
桐溪漂流15 小时前
Uni-app H5 环境下 ResizeObserver 监听 mp-html 动态高度
前端·uni-app·html
芒果大胖砸15 小时前
uniapp 在h5中预览pdf hybrid方法
pdf·uni-app
清音啊15 小时前
Uniapp 实现左滑显示操作按钮的列表(适配多端 + 实战案例)
uni-app
蜡台15 小时前
Uniapp 实现 二手车价格评估 功能
前端·javascript·uni-app·估值·汽车抵押·二手车评估
Muchen灬17 小时前
【uniapp】(4) tabbar配置
uni-app