美文网首页uni-app
UNIAPP for 循环 item 无法传参问题

UNIAPP for 循环 item 无法传参问题

作者: heavens丶 | 来源:发表于2020-12-03 21:57 被阅读0次

        在 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 是不是唯一且存在的值。

相关文章

网友评论

    本文标题:UNIAPP for 循环 item 无法传参问题

    本文链接:https://www.haomeiwen.com/subject/zhmvwktx.html