<div id="app">
<template v-if="loginType">
<label>Username</label>
<input placeholder="Enter your username" key="username-input">
</template>
<template v-else>
<label>Email</label>
<input placeholder="Enter your email address" key="email-input">
</template>
<div>
<button v-on:click="changeType">toggle login type</button>
</div>
</div>var vm = new Vue({
el: '#app',
data: {
loginType: true
},
methods:{
changeType: function(){
this.loginType=!this.loginType;
}
}
})
External CSS
This Pen doesn't use any external CSS resources.