【狂神說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>