【uniapp-bug记录】v-for循环click参数传不进去

【日期】2025-1-14

【问题】

click事件传参无效

<view class="panel-item" v-for="item in panelList" :key="item.id" @click="toDetail(item.router)">
    <image class="panel-item-image" :src="item.image" mode=""></image>
    <view class="panel-item-text">
        {
  
  {item.text}}
    </view>
</view>

【原因】：

v-for循环，key值不存在（panelList中没有id这个字段）

【如何修复】：

修改key值，确保在panelList中存在且唯一

<view class="panel-item" v-for="item in panelList" :key="item.text" @click="toDetail(item.router)">
    <image class="panel-item-image" :src="item.image" mode=""></image>
    <view class="panel-item-text">
        {
  
  {item.text}}
    </view>
</view>

【总结】：

key值要存在且唯一