要求将：key放在<template>上时出错

问题描述

对于import tensorflow as tf dic = {} a = tf.constant(0) dic[a.ref()] = 1 b = tf.constant(0) tf.print(dic[b.ref()]) 上没有:key="item.id"，我收到此错误：

但是当我把它放在上面时：

<template>

...然后我收到此错误：

这是有问题的代码：

<template v-for="item in Object.values(cart)" :key="item.id">

我该如何解决这个寻找通函的问题？

解决方法

使用模板标记来知道是否也是组件，例如react，必须返回一个元素试试这个：

__main__

,

正如其他人所解释的那样，Vue.js将使用该标记进行渲染和编译，但它不会真正存在于DOM中。这些键是必需的，以便Vue的差异算法可以区分组件的不同实例。

也就是说，在检查完您的示例后，我意识到您不需要在这里，我假设您位于或标记内，因此您可以简单地为自身使用v-。

示例：

    <table>
    <tbody>
        <tr v-for="item in Object.values(cart)" :key="item.id">
            <td>Digest {{ item.digestId }}</td>
            <td>{{ item.duration_text }} subscription</td>
            <td class="price-cell">${{ roundMoney(item.price,2) }}</td>
            <td class="trash-cell">
                <fa-icon icon="times-circle" size="lg" @click="removeItem(item)" />
            </td>
        </tr>
        <tr v-if="item.discounts.length" :key="`${item.id}-${item.discounts && item.discounts[0].id}`">
            <td colspan="2">
                <label>Code: {{ item.discounts[0].code }}</label>
            </td>
            <td colspan="2">
                <span class="discount-amount">–${{ item.discounts[0].percent_off }}</span>
            </td>
            <td class="trash-discount-cell">
                <fa-icon icon="times-circle" class="trash" @click="rmDscnt(item.discounts[0])" />
            </td>
        </tr>
    </tbody>
</table>

我将借此机会给您另一个我在自己的代码上使用的提示，而不是使用记录属性，例如“ item.id”，我使用循环生成的索引，该索引将始终具有避免重复的序列错误，最重要的是，它将始终具有有效值。

示例：

<tr v-for="(item,index) in Object.values(cart)" :key="`items_${index}`">

如果有帮助，请标记为已回答。

祝您编程愉快！