参考博客
https://blog.csdn.net/weixin_40667613/article/details/90717447
https://blog.csdn.net/theblackbeard/article/details/54673581
https://blog.csdn.net/linghuainian/article/details/82253247
https://blog.csdn.net/qq_41688165/article/details/80834842
前端效果图
点击创建的时候,可以把表单数据和 图片一起提交到后台,图片是存放在服务器目录下
前端代码
<template>
<div style="width: 50%; margin-top: 50px">
<el-form ref="form" :model="form" label-width="80px">
<el-form-item label="活动名称">
<el-input v-model="form.name"></el-input>
</el-form-item>
<el-form-item label="活动区域">
<el-select v-model="form.region" placeholder="请选择活动区域">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
</el-select>
</el-form-item>
<el-form-item label="活动时间">
<el-col :span="11">
<el-date-picker
type="date"
placeholder="选择日期"
v-model="form.date1"
style="width: 100%"
></el-date-picker>
</el-col>
<el-col class="line" :span="2">-</el-col>
<el-col :span="11">
<el-time-picker
placeholder="选择时间"
v-model="form.date2"
style="width: 100%"
></el-time-picker>
</el-col>
</el-form-item