vue.js检测到重复的密钥:“ topic.ID”。这可能会导致更新错误。怎么了

祖拜尔·艾哈迈德(Zubair Ahmad)

为什么我收到此错误?检测到重复键。在我的列表中,每个元素都具有唯一ID。并且我正在使用键,也谢谢。

我的组件是

Vue.component('list-topic',
    {
        props: ['topic'],
        template: "#topicTemplate"
    });

我的模板是

<script id="topicTemplate" type="text/html">
<div class="row" style="border-bottom: 1px solid #ccc;">
    <div class="col-sm-6">
        <span class="vc"><i class="material-icons">swap_vert</i> &nbsp;&nbsp; {{topic.typeName}}</span>
    </div>
    <div class="col-sm-2">
        <span class="vc">{{topic.type}}</span>
    </div>
    <div class="col-sm-2">
        <i v-if="topic.Visible==true" class="vc material-icons icon-success">done</i>
        <i v-if="topic.Visible==false" class="vc material-icons icon-danger">close</i>
    </div>
    <div class="col-sm-2">
        <span :data-typeOrder="topic.typeOrder" :data-type="topic.type" :data-typeID="topic.typeID" onclick="TopicDeleteDom(this)" class="btn btn-link btn-danger btn-just-icon remove">
            <i class="material-icons">close</i>
        </span>
    </div>
</div>

并像这样渲染

<div id="topicAddSortable">
                        <list-topic v-for="topic in List" v-bind:topic="topic" key="topic.ID"></list-topic>
                    </div>

并且数据ID为

编号:1

编号:2

编号:3

编号:5

编号:8

瓦姆西·克里希纳(Vamsi Krishna)

您没有动态绑定(v-bind)key属性。

您正在使用设置密钥key="topic.ID",因此将其解析为普通字符串topic.Id

因此将其更改为 v-bind:key="topic.ID"

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

[Vue警告]:检测到重复的密钥:x。这可能会导致更新错误

[Vue警告]:检测到重复的密钥:x。这可能会导致更新错误。如何防止添加已通过方法添加的项目

无法修复警告检测到重复键:“ 0”。这可能会导致更新错误

如何在Vue.Js的v-for循环中转义“检测到重复密钥”?

Ag-grid:从getRowNodeId回调中检测到重复的节点ID 107,这可能会导致网格出现问题

在调度之间检测到状态突变,在路径 `...` 中。这可能会导致不正确的行为

Vue模块组件检测到Vue.js版本?

Babel:检测到重复的插件/预设错误

为什么Vue.js Chrome Devtools无法检测到Vue.js?

检测到错误的Node.js版本

检测到重复条目时显示错误消息

重复Notif检查触发错误508(检测到循环)

更新 vue js 值

如何有效替换字符串中的字符,这可能会重复

IntegrityError at /new_topic/ NOT NULL 约束失败:learning_logs_topic.owner_id

Chrome 扩展程序 vue-devtools 未检测到 Vue

Kafka Compacted Topic ,重新发布已删除的密钥

v-bind未检测到数组内容的更改(vue js)

Vue JS:在子组件内部未检测到Prop的属性更改

Vue.js错误的变量得到更新

从JS更新时未检测到Blazor双向绑定

检索存储在(?P <topic_id> \ d +)中的整数

P在`/(?P <topic_id> \ d +)$`中的含义是什么

通过topic-> icon_id获取属性

Vue JS确实更新了scrollTop

Vue.js奇怪的错误

在循环中声明的引用外部作用域变量的函数可能会导致语义混乱。怎么了?

vue.js / Vue getter未定义错误

大幅度的错误:冲突的schemaIds:检测到类型A和B重复的schemaIds