Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/428.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 模板循环给出重复键警告 {{error}_Javascript_Vue.js_Vuejs2_V For - Fatal编程技术网

Javascript 模板循环给出重复键警告 {{error}

Javascript 模板循环给出重复键警告 {{error},javascript,vue.js,vuejs2,v-for,Javascript,Vue.js,Vuejs2,V For,上面的代码抛出: 检测到重复的密钥:“0”。这可能会导致更新错误 如果我从内部循环中删除索引,并将错误分配给键,则没有警告,但这似乎是错误的 使用模板时有没有办法不出现此警告?您可以使用此警告: <template v-for="(errors, outerIndex) in validationErrors"> <li v-for="(error, index) in errors" :key="outerIndex + '-' + index">

上面的代码抛出:

检测到重复的密钥:“0”。这可能会导致更新错误

如果我从内部循环中删除
索引
,并将
错误
分配给
,则没有警告,但这似乎是错误的


使用模板时有没有办法不出现此警告?

您可以使用此警告:

<template v-for="(errors, outerIndex) in validationErrors">
    <li v-for="(error, index) in errors" :key="outerIndex + '-' + index">
        {{ error }}
    </li>
</template>
<li key="0">...</li>
<li key="1">...</li>
<li key="2">...</li>
<li key="0">...</li>
<li key="1">...</li>
<li key="2">...</li>
<li key="0-0">...</li>
<li key="0-1">...</li>
<li key="0-2">...</li>
<li key="1-0">...</li>
<li key="1-1">...</li>
<li key="1-2">...</li>