Files
vxe-table/examples/plugins/xtable/renderer/components/ToolbarInput.vue
xuliangzhan c985a441b3 重构表单
2020-08-08 18:17:55 +08:00

32 lines
706 B
Vue

<template>
<vxe-form :data="formData" @submit="searchEvent">
<vxe-form-item field="name" title="名称">
<template v-slot>
<vxe-input v-model="formData.name" placeholder="请输入名称" clearable></vxe-input>
</template>
</vxe-form-item>
<vxe-form-item>
<template v-slot>
<vxe-button type="submit" status="primary">搜索</vxe-button>
</template>
</vxe-form-item>
</vxe-form>
</template>
<script>
export default {
name: 'ToolbarInput',
props: {
formData: Object,
params: Object,
context: Object
},
methods: {
searchEvent () {
const { $grid } = this.context
$grid.commitProxy('reload')
}
}
}
</script>