#3.6 key屬性

by BDeer

HTML

<div id="app">
 <template v-if="loginType === 'Username'">
   <label>Username</label>
   <input placeholder="請輸入帳號名稱" key="input-Username">
 </template>
 <template v-else>
   <label>Email</label>
   <input placeholder="請輸入信箱" key="input-Email">
 </template>
 <button @click="bt">轉換</button>
</div>

Vue

new Vue({
  el: "#app",
  data:{
   isActive:true, 
   loginType:"Username"
  },
  methods:{
   bt(){
    this.isActive = !this.isActive
    if(this.isActive == true){
     this.loginType = "Username"
    } else {                        
     this.loginType = "Email"
    }
   }
  }
})