vue实现简单的登入功能

置顶

ananzhangwei

已于 2022-10-09 12:36:45 修改

阅读量3.5k

点赞数 2

文章标签：前端

于 2022-04-11 00:48:42 首次发布

本文链接：https://blog.csdn.net/ananzhangwei/article/details/124089243

版权

本文介绍了如何在Vue项目中实现简单的登录功能，包括HTML部分、Vuex状态管理、Element-UI的消息提示和弹框组件封装，以及Axios的二次封装和请求接口的封装。适合前端初学者了解和学习。

摘要由CSDN通过智能技术生成

html部分

<el-form
      :model="dataForm"
      :rules="dataRule"
      ref="dataForm"
      status-icon
    >
      <el-form-item prop="no">
        <el-input v-model="dataForm.no" placeholder="帐号"></el-input>
      </el-form-item>

      <el-form-item prop="password">
        <el-input
          v-model="dataForm.password"
          type="password"
          placeholder="密码"
          show-password
        ></el-input>
      </el-form-item>

     

      <el-form-item>
        <el-button style="width:100%" type="primary" @click="submitForm('dataForm')"
          >安全登录</el-button
        >
        
      </el-form-item>

     
    </el-form>