技術標籤：vue

<div v-if="show"><label>使用者名稱</label><input type="text" placeholder="使用者名稱"></div>
<div v-else><label>郵箱</label><input type="text" placeholder="郵箱"></div>

問題描述：當show為 false 時，郵箱的 input

框內，會存在使用者名稱輸入的值

解決方案：

<div v-if="show"><label>使用者名稱</label><input type="text" placeholder="使用者名稱" key="user"></div>
<div v-else><label>郵箱</label><input type="text" placeholder="郵箱" key="email"></div>
 

新增 key 值，表達“這兩個元素是完全獨立的，不要複用它們”。