检测到重复的密钥：“ 1”。这可能会导致更新错误。在Vue元素中

Question

我正在关注Vue元素docs 这是我的代码https://jsfiddle.net/684zde2a/

<div id="app">

  <el-card class="box-card" v-for="(obj, index) in objEconomForm.objs" :key="obj.key">
      <div>foo</div>
  </el-card>

  <el-card class="box-card"  v-for="(declarer, index) in DeclarerForm.declarers" :key="declarer.key">
     <div>bar</div>
  </el-card>

</div>

应用程序：

new Vue({
  el: '#app',

    data: {
        DeclarerForm: {
            declarers: [
                {
                    key: 1,
                    xxx: ''
                }
            ]
        },

        objEconomForm: {
            objs: [
                {
                    key: 1,
                    yyy: ''

                }
            ]
        }

    }

})

关于它，我得到了错误： Duplicate keys detected: '1'. This may cause an update error. 但是密钥在不同的对象中声明。

出什么问题了，应该如何正确解决？