vue

因为vue的虚拟dom，在切换登录的时候，原来input中输入的内容不会清空。

<div id='app'>
  <span v-if='isUser'>
    <label for='username'>用户账号label>
    <input type='text' id = 'username' placeholder = '用户账号'>
  span>
   <span v-else>
    <label for='username'>用户邮箱label>
    <input type='text' id = 'email' placeholder = '用户邮箱'>
  span>
div>
<button @click='isUser = !isUser'>切换登录类型button>

切换时，清空input中内容，只需要在input中加入一个标识key，一样就复用，不一样就不复用，就可以在切换时清空了,相当于新创建一个input了。

<div id='app'>
  <span v-if='isUser'>
    <label for='username'>用户账号label>
    <input type='text' id = 'username' placeholder = '用户账号' key='aaa'>
  span>
   <span v-else>
    <label for='username'>用户邮箱label>
    <input type='text' id = 'email' placeholder = '用户邮箱' key='bbb'>
  span>
div>
<button @click='isUser = !isUser'>切换登录类型button>