Vue+ElementUI实现登录功能
引言
本章使用Vue+ElementUI实现了登录以及未登录拦截相关功能
准备
-
创建vue项目
详情见之前文章 :
Vue-cli创建项目 -
引入axios包
npm i axios -
引入ElementUI包
npm i element-ui -
main.js导入axios与element-ui包
-
启动项目
正文
准备 login.vue 用做登录页面
直接在ElementUI官网直接拷贝相应组件即可
这里贴代码如下:
<template>
<div class="outer">
<el-form :model="user" label-width="80px" class="userForm">
<div style="width:450px;height:90px"></div>
<el-form-item label="用户名">
<el-input v-model="user.username" class="input">