【狂神说Java】Vue最新快速上手教程通俗易懂

<template>

 <div>

   <el-form ref="loginForm" :model="form" :rules="rules" label-width="80px" class="login-box">

   <h3 class="login-title">欢迎登录</h3>

   <el-form-item label= "账号" prop="username">

     <el-input type="text" placeholder="请输入账号" v-model="form.username"/>

   </el-form-item>

   <el-form-item label= "密码" prop="password">

   <el-input type="password" placeholder= "请输入密码" v-model="form.password"/>

   </el-form-item>

   <el-form-item>

     <el-button type="primary" v-on:click="onSubmit('loginForm')">登录</el-button>

   </el-form-item>

   </el-form>

 <el-dialog

   title="温馨提示"

   :visible.sync="dialogVisible"

   width="30%"

   :before-close="handLeClose">

   <span>请输入账号和密码</span>

   <span slot="footer" class="dialog-footer">

     <el-button type="primary" @click="dialogVisible = false">确定</el-button>

   </span>

 </el-dialog>

 </div>

</template>