如何告诉vue我打算在v-for中使用简单渲染?

时间:2019-02-18 12:17:08

标签: vuejs2

我有一个由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与我要问的相反。)

1 个答案:

答案 0 :(得分:0)

我用过这样的东西:

<div v-for="(slide, index) in currentState.slides" :key="index">
   <!-- more code here -->
</div>

这首歌摆脱了警告,一切进展顺利。我在这里所做的是将索引与数组中的值一起传递,并将索引用作键。