mirror of
https://github.com/element-plus/element-plus.git
synced 2025-08-16 03:53:39 +08:00
627d408e66
* feat(theme-chalk): [form] add default width to Input in inline form * docs: add clearable attributes to Input * docs: add a description of the Input width
43 lines
1.0 KiB
Vue
43 lines
1.0 KiB
Vue
<template>
|
|
<el-form :inline="true" :model="formInline" class="demo-form-inline">
|
|
<el-form-item label="Approved by">
|
|
<el-input v-model="formInline.user" placeholder="Approved by" clearable />
|
|
</el-form-item>
|
|
<el-form-item label="Activity zone">
|
|
<el-select
|
|
v-model="formInline.region"
|
|
placeholder="Activity zone"
|
|
clearable
|
|
>
|
|
<el-option label="Zone one" value="shanghai" />
|
|
<el-option label="Zone two" value="beijing" />
|
|
</el-select>
|
|
</el-form-item>
|
|
<el-form-item label="Activity time">
|
|
<el-date-picker
|
|
v-model="formInline.date"
|
|
type="date"
|
|
placeholder="Pick a date"
|
|
clearable
|
|
/>
|
|
</el-form-item>
|
|
<el-form-item>
|
|
<el-button type="primary" @click="onSubmit">Query</el-button>
|
|
</el-form-item>
|
|
</el-form>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import { reactive } from 'vue'
|
|
|
|
const formInline = reactive({
|
|
user: '',
|
|
region: '',
|
|
date: '',
|
|
})
|
|
|
|
const onSubmit = () => {
|
|
console.log('submit!')
|
|
}
|
|
</script>
|