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里去找。

相关推荐
宸翰21 小时前
解决 uni-app App 端 vue-i18n 占位符丢失:封装跨端可用的 tf 格式化方法
前端·vue.js·uni-app
时光足迹2 天前
uni-app 视频通话实战:康复师与患者视频问诊的 6 个致命 Bug 与解决方案
android·ios·uni-app
时光足迹2 天前
腾讯云 TRTC UniApp SDK 从入门到上线
前端·vue.js·uni-app
时光足迹2 天前
uni-app 里把加密视频嵌入页面播放?我分析了 4 种方案,只有 1 种接近完美
前端·vue.js·uni-app
时光足迹2 天前
JPush UniApp UTS 插件完全参考手册:API、事件与厂商通道一网打尽
vue.js·ios·uni-app
时光足迹2 天前
极光推送全攻略(下):uni-app 代码实现与 iOS 排查实战
vue.js·ios·uni-app
时光足迹2 天前
极光推送全攻略(上):被iOS证书折磨了三天,我写了一份前端也能看懂的避坑指南
前端·ios·uni-app
spmcor4 天前
身份证读卡“无感登录”方案实践:从手动点击到自动检测
uni-app
PedroQue994 天前
uni-router v1.8.0新增冷启动守卫补执行
前端·uni-app
PedroQue995 天前
uni-router v1.7.0重磅更新:守卫重定向自由掌控
前端·uni-app