<template>
<div>
<form-grid :model="form" @search="onSearch">
<form-grid-item label="名称" prop="name">
<template #default>
<el-input v-model="form.name"></el-input>
</template>
</form-grid-item>
<form-grid-item label="年龄" prop="age">
<template #default>
<el-select v-model="form.age">
<el-option label="1" value="1"></el-option>
<el-option label="2" value="2"></el-option>
</el-select>
</template>
</form-grid-item>
<form-grid-item label="时间" prop="date">
<template #default>
<el-date-picker
v-model="form.date"
type="date"
placeholder="Pick a day"
:size="size"
/>
</template>
</form-grid-item>
</form-grid>
</div>
</template>
<script>
import { FormGrid, FormGridItem } from 'lc-vue-form-filter'
export default {
name:'demo',
components:{FormGrid, FormGridItem},
data() {
return {
form:{
name: 'aaa',
age: 1,
date: null,
}
}
},
methods:{
onSearch(){
console.log(this.form);
}
}
}
</script>