<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>布局容器</title>
<!-- 引入样式 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
</head>
<body>
<div id="app">
<el-form :model="formData" :rules="rules" ref="roleForm" :label-position="right" label-width="80px">
<el-form-item label="活动名称" prop="name">
<el-input v-model="formData.name">
</el-input>
</el-form-item>
<el-form-item label="活动区域" prop="area">
<el-select placeholder="请选择活动区域" v-model="formData.area">
<el-option label="上海" value="sh"></el-option>
<el-option label="北京" value="bj"></el-option>
</el-select>
</el-form-item>
<el-form-item label="活动时间" prop="datetime">
<el-date-picker type="datetime" placeholder="选择日期" v-model="formData.datetime"
value-format="yyyy-MM-dd HH:mm:ss">&
Vue+ElementUi - Form表单
最新推荐文章于 2024-06-12 08:00:00 发布