Element UI学习7--Form 表单

1、基础用法

<template>
    <div>
        <!-- model  表单数据对象 -->
        <el-form
        :model="user"
        ref="form">
            <el-form-item label="账号" prop="userNumber">
                <el-input 
                type="number" 
                v-model="user.userNumber"
                placeholder="账号"></el-input>
            </el-form-item>
            <el-form-item label="密码" prop="password">
                <el-input 
                type="password" 
                v-model="user.password"
                placeholder="密码"></el-input>
            </el-form-item>
            <el-form-item>
                <el-button
                type="primary"
                @click="submit('form')">
                登录
                </el-button>
            </el-form-item>
       </el-form>    
    </div>
</template>
<script