vue的登录功能的实现,vue实现简单的登录页面

　　本文主要详细介绍了vue实现登录类型切换的方法。本文中的示例代码非常详细，具有一定的参考价值。感兴趣的朋友可以参考一下。

　　本文分享了vue登录类型切换的具体代码，供大家参考。具体内容如下

　　操作效果

　　密码

　　！声明文档类型

　　html lang=en

　　头

　　meta charset=UTF-8

　　标题登录类型开关/标题

　　脚本src=./js/vue js-2 . 5 . 16 . js /脚本

　　/头

　　身体

　　div id=应用程序

　　span v-if=isUser

　　=userAccount 用户帐户的标签:/label

　　type= text id= user account placeholder=请输入一个帐户 key=userAccount

　　/span

　　span v-else

　　=userEmail 用户电子邮件的标签:/label

　　type= text id= user email placeholder=请输入邮箱 key=userEmail

　　/span

　　按钮@click=changeType 开关类型/按钮

　　/div

　　/body

　　脚本

　　const app=new Vue({

　　埃尔： #app ，

　　数据：{

　　isUser:没错

　　},

　　方法：{

　　changeType(){

　　还这个. I user=！this . I user

　　}

　　}

　　})

　　/脚本

　　/html

　　代码片段解析

　　这就是本文的全部内容。希望对大家的学习有帮助，支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。