Vue.js实现用户登录切换小例子
当用户点击登录按钮的时候会自动切换成邮箱登录，如下图：
其中利用vue中的v-if和v-else实现，话不多说，直接上代码。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<title></title>
</head>
<body>
<div id="app">
<span v-if="isUser">
<label>用户登录:</label>
<input key="user"/>
</span>
<span v-else>
<label>邮箱登录:</label>
<input key="email"/>
</span>
<button @click="isUser = !isUser">登录</button>
</div>
<script>
new Vue({
el:"#app",
data:{
isUser:true
},
});
</script>
</body>
</html>
关于这里点击切换登录状态的时候，文本框的值并不会清空，因为vue复用了这个文本框组件，
我们直接给文本框定义一个key属性（key的属性是自己定义的），让它和其他的文本框区分开
来就可以了！
`
1341
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
