vue中多层v-for时Duplicate keys的问题

Question

vue中多层v-for时Duplicate keys的问题
我用的admin element vue,用到了多层v-for循环，每层的key都不一样，但是还是提示可多key重复的错误。

有人遇到并有好的解决方法没？

Answer 1

key可以设置为父key+...子key

        <div v-for="(item, index) in items" :key="index">
          <p v-for="(itemc, indexc) in item" :key="index + '-' + indexc">
            {{item.xxx}}{{itemc.xxx}}
          </p>
        </div>