vue使用v-if、v-else的复用问题(input体现)


 1 
 2 
 3   
4 if="isChoose"> 5 6 7 8 else> 9 10 11 12 13
14 15 16 30

通过v-if控制的两种互斥的登录方式,在使用到input表单输入值后,此时切换登录方式,会存在input中内容不改变的现象

Vue出于性能的考虑,会尽可能的复用已经存在的元素,而不是创建新的元素。

这种情况下的input没有删除后重新创建,而是直接作为else中的input使用

想要解决这种情况,可以在input中加入key