1. 使用 v-if 时, 2个input 文本框 只要其中一个输入文本 另一个也会显示
原因: 这是因为Vue在进行DOM渲染时, 出于性能考虑, 会尽可能的复用已经存在的元素, 而不是重新创建新的元素
在案例中, Vue内部会发现原有的input元素不在使用, 直接作为else中的input来使用
解决: 如果我们不希望Vue出现类似的重复利用问题, 可以给对应的input添加key 并且我们需要保证key的不同
因为: 会把key作为一个标识, 在别的地方能不能复用, 如果俩个key是相同的 就会进行复用
<div v-if="flag">账号登录<input type="text" placeholder="账号登录" :key="userName"> </div>
<div v-else>邮箱登录:<input type="email" placeholder="邮箱登录" :key="email/"> </div>
s
小问题
原文：https://www.cnblogs.com/maxiag/p/11853120.html
