15表单视图基本框架

最新推荐文章于 2024-04-09 17:07:58 发布

一群小Ming

最新推荐文章于 2024-04-09 17:07:58 发布

阅读量356

点赞数 9

分类专栏：前后端分离项目-学生信息管理系统文章标签：前端 javascript 开发语言 vue.js django

本文链接：https://blog.csdn.net/weixin_53094939/article/details/135059734

版权

前后端分离项目-学生信息管理系统专栏收录该内容

24 篇文章 0 订阅

订阅专栏

StudentInfo.vue
![[Pasted image 20231213225703.png]]

![[Pasted image 20231213225731.png]]

<el-dialog title="学生信息" :visible.sync="dialogVisible" width="40%">
            <el-form :model="studentForm" :inline="true"
                style="margin-left: 20px;" label-width="110px" label-position="right" size="mini">
                <el-form-item label="学号：" prop="sno">
                    <el-input v-model="studentForm.sno"></el-input>
                </el-form-item>
                <el-form-item label="姓名：" prop="name">
                    <el-input v-model="studentForm.name"></el-input>
                </el-form-item>
                <el-form-item label="性别：" prop="gender" >
                    <el-select v-model="studentForm.gender" style="width: 177px;">
                        <el-option value="男"></el-option>
                        <el-option value="女"></el-option>
                    </el-select>
                </el-form-item>
                <el-form-item v-model="studentForm.birthday" label="出生日期：" prop="birthday" >
                    <el-date-picker view-format="yyyy-MM-dd" style="width: 177px"></el-date-picker>
                </el-form-item>
                <el-form-item label="手机号码：" prop="mobile">
                    <el-input v-model="studentForm.mobile"></el-input>
                </el-form-item>
                <el-form-item label="邮箱：" prop="email">
                    <el-input v-model="studentForm.email"></el-input>
                </el-form-item>
                <el-form-item label="地址：" prop="address">
                    <el-input v-model="studentForm.address" style="width:477px"></el-input>
                </el-form-item>
            </el-form>


studentForm: {
                sno:'',
                name:'',
                gender:'',
                birthday:'',
                mobile:'',
                email:'',
                address:'',

            }