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

节奏

Vue js发出警告,提示vue.runtime.esm.js?2b0e:619 [Vue警告]:检测到重复的密钥:'0'。这可能会导致更新错误。

我尝试在计算变量中使用getter和setter并将值分派到Vuex存储。

这是html元素的代码

<!-- Displaying Sample TappingPessure input field-->
<v-layout 
wrap row
class="text-xs-left mx-auto pt-2"
style="height:50px;" >

...some code 

<v-flex xs12 md1 sm1 class="ma-0 pa-0"
>
    <v-text-field
    class="myfont1 inputValue"
    name="pressure" 
    id="pressure" 
    required  
    v-model="tappingPressure"
    type="number"
    reverse
    style="max-width:70px;"
        >
    </v-text-field>
</v-flex>
...some code   
</v-layout>
                                                   

这是计算变量的代码

tappingPressure:{
                get () {
                return this.$store.getters.tappingPressure
                },
                set (value) {
                this.$store.dispatch('setTappingPressure',{data:value})
                }
            },

这是用于更新变量的vuex代码

import Vue from 'vue'
import Vuex from 'vuex'
import '@/firebase/init.js'
import  firebase from 'firebase/app'
import 'firebase/auth'


import router from "@/router.js"

Vue.use(Vuex)

export default new Vuex.Store({
  state: {
  ...some code
  
  tappingPressure:"",
  
  ...some code
  },
  
  mutations: {
   setTappingPressure(state, payload) {
      state.tappingPressure = payload.data;
    },
    
    ...some code
  },
  
  actions: {
   setTappingPressure({
      commit
    }, payload) {
      commit("setTappingPressure", payload);
    },
    ...some code
    
   },
   
   
   getters: {
   
   tappingPressure(state) {
      return state.tappingPressure;
    },
    
    }
   
});
  
  
  

这是错误的屏幕截图 在此处输入图片说明

我试图将代码保留在步进器之外,并且调用Vuetify对话框的功能可以很好地工作。当我从Vuetify步进器内部调用函数时,会发生此问题。该代码工作正常。vuex正在更新。警告消息将淹没控制台。

有人请建议出路。提前致谢

节奏

问题是模板中有2个列表呈现。...在这两种方式中,我都使用“ index”进行键绑定,如下所示

v-for="(compo,index) in compoDataAz" :key="index" 
v-for="(compo, index) in analyteData" :key="index" 

我都更改为

v-for="(compo,index) in compoDataAz" :key="'compo'+index"
v-for="(compo, index) in analyteData" :key="'analyte'+index"

这解决了问题。警告的原因是我使用“索引”作为两个列表呈现的键。最后,我很庆幸地弄明白了。只是分享一下,以防其他人发现它有用。

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

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

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

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

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

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

修复“您已在此页面上多次包含Google Maps API。这可能会导致意外错误。”

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

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

Android Studio 2.3更新:警告:使用不兼容的插件进行注释处理:android-apt。这可能会导致意外行为

警告:设置了冲突属性(边框)时,在重新渲染(borderColor)期间更新样式属性可能会导致样式错误

ServiceFabric警告“具有ExplicitPort的端点在应用程序端口范围内。这可能会导致端口冲突。”

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

libGL错误:无法dlopen libudev.so.1或libudev.so.0,驱动程序检测可能会损坏

使“检测到无法到达的代码”编译警告而不是TypeScript错误?

警告:移动分区可能会导致操作系统无法启动

Java警告:Varargs方法可能会导致来自不可修改的varargs参数的堆污染

防止“ PerformSelect的选择器未知,可能会导致泄漏”的警告

外键约束可能会导致循环或多个级联路径?

实体框架-引入外键约束可能会导致周期

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

为什么测试无法检测到test.py的语法错误?并帮助我修复错误

JSHint警告“在循环中声明的引用外部作用域变量的函数可能会导致语义混乱”。如何改善代码?

警告变量“csCryptoStream”在被赋值之前被使用。运行时可能会导致空引用异常

Nodemon这可能会导致较高的cpu使用率。减少使用--watch

已经需要Thor。这可能会导致Bundler发生意外故障

如何修复来自Appium的错误“无法从sw_vers输出'10 .12'检测到Mac OS X版本”

ASP.NET 5(MVC6)EF7外键可能会导致循环

外键约束可能会导致循环或多个级联路径,但只能在一个项目中

实体框架核心:如何解决?引入外键约束可能会导致循环或多个级联路径

实体框架代码的第一个外键可能会导致循环或多个级联路径

Windows是否可能无法检测到输入?