uni-app

UNIAPP for 循环 item 无法传参问题

2020-12-03  本文已影响0人  heavens丶

        在 uniapp 开发中,代码的语法和 vue 非常的像,但是还是存在一些坑,比如下面一段普通的列表:

<div class="list" v-for="item of dataList" :key="item.id" @click="jumpDetail(item)">
    <h4 class="list_title">{{ item.title }}</h2>
    <span class="list_name">{{ item.text }}</span>
</div>

        这段代码看上去是没什么问题的,但是有时候,jumpDetail 方法哪里 console.log(item) 就会发现打印出来的是 undefined,这是什么情况?

       经过排查后发现,在 key 值无法找到,或者重复的情况下才会出现传参失败的问题,所以如果出现这种情况,就得先检查循环的 key 是不是唯一且存在的值。

上一篇 下一篇

猜你喜欢

热点阅读