vue.js - vue教程中的用key管理复用元素功能弃用了吗？

问题描述

问 题

Vue 会尽可能高效地渲染元素，通常会复用已有元素而不是从头开始渲染。
但是现在不添加key元素也是重新渲染.

<div id="app">
    <template v-if="bl">
     <label name="123" for="">11111</label>
     <input type="" placeholder="你好" name="" value="">
    </template>
    <template v-else>
      <label name="222"  for="">2222</label>
      <input placeholder="你好2">
    </template>
    <button @click="bl=!bl">点击</button>
  </div>

例如这两个input，改变bl的值input中的value会清空，而不是教程中的不变。

解决方案

只有相同的元素才会被复用，你这里没有相同的元素，这两个input是不一样的。

<input type="" placeholder="你好" name="" value="">
<input placeholder="你好2">

这篇关于vue.js - vue教程中的用key管理复用元素功能弃用了吗？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！