我有一个由3个按钮组成的静态数组,当组件处于活动状态时,它们将永远不会改变。 我如何告诉Vue使用简单的渲染方法而不抱怨: 用v-for呈现的组件列表应具有显式键。
Vue文档https://vuejs.org/v2/guide/list.html#key说:
建议尽可能提供带有v-for的密钥, 除非迭代的DOM内容很简单,否则您是故意的 依靠默认行为来提高性能。
我的静态按钮静态数组应符合此“例外”条件,我如何告诉Vue这是意图?
我不想在代码中出现警告。
(所以问题Console warning: component lists rendered with v-for should have explicit keys与我要问的相反。)
答案 0 :(得分:0)
我用过这样的东西:
<div v-for="(slide, index) in currentState.slides" :key="index">
<!-- more code here -->
</div>
这首歌摆脱了警告,一切进展顺利。我在这里所做的是将索引与数组中的值一起传递,并将索引用作键。