使用vue脚手架进行构建项目

 <Form :model="formItem" ref="formItem" :label-width="80" :rules="ruleValidate">
                    <Form-item label="用户名："  prop="username">
                        <Input v-model="formItem.username" placeholder="请输入用户名"> //此处可以进行验证
                            <Icon type="ios-person-outline" slot="prepend"></Icon>
                        </Input>
                    </Form-item>
                     <Form-item label="密码：">
                        <Input :model="formItem.password" placeholder="请输入密码" type="password"> //此处其实未绑定数据
                            <Icon type="ios-locked-outline" slot="prepend"></Icon>
                        </Input>
                    </Form-item>
                    <Form-item label="用户角色：">
                        <Radio-group v-model="formItem.userrole">
                            <Radio label="common">普通用户</Radio>
                            <Radio label="admin">管理员</Radio>
                        </Radio-group>
                    </Form-item>
                    <Form-item label="开启外挂：">
                        <i-switch v-model="formItem.isswitch" size="large">
                            <span slot="open">开启</span>
                            <span slot="close">关闭</span>
                        </i-switch>
                    </Form-item>
                     <Form-item>
                        <Button type="primary" @click="handleSubmit(‘formItem‘)">登陆</Button>
                        <Button type="ghost" @click="handleReset(‘formItem‘)" style="margin-left: 8px">取消</Button>
                    </Form-item>
                </Form>