feat(components):为CuteSearchForm添加禁用状态支持

- 添加disabled属性以控制表单禁用状态
- 修改表单重置逻辑,提交后触发搜索而非重置事件
- 移除CuteOtherDemo中的reset事件监听器
- 更新组件属性定义,设置disabled默认值为false
This commit is contained in:
2025-10-28 13:10:51 +08:00
parent 33b47da464
commit 40afe696dc
2 changed files with 9 additions and 2 deletions
@@ -11,6 +11,7 @@
:model.sync="model" :model.sync="model"
label-position="right" label-position="right"
label-width="90px" label-width="90px"
:disabled="disabled"
> >
<slot name="suffix" /> <slot name="suffix" />
<el-form-item> <el-form-item>
@@ -30,6 +31,11 @@ export default {
model: { model: {
type: Object, type: Object,
required: true required: true
},
disabled: {
type: Boolean,
required: false,
default: false
} }
}, },
methods: { methods: {
@@ -46,7 +52,8 @@ export default {
onFormReset(formName) { onFormReset(formName) {
try { try {
this.$refs[formName].resetFields() this.$refs[formName].resetFields()
this.$emit('reset') this.onFormSubmit(formName)
// this.$emit('reset')
} catch (e) { } catch (e) {
console.error(e) console.error(e)
} }
@@ -1,7 +1,7 @@
<template> <template>
<div style="padding: 50px"> <div style="padding: 50px">
<el-divider>CuteSearchForm</el-divider> <el-divider>CuteSearchForm</el-divider>
<cute-search-form :model="searchFormModel" @submit="handleSearchFormSubmit" @reset="handleSearchFormReset"> <cute-search-form :model="searchFormModel" @submit="handleSearchFormSubmit">
<template v-slot:suffix> <template v-slot:suffix>
<el-form-item label="模糊查询" prop="blurry"> <el-form-item label="模糊查询" prop="blurry">
<el-input v-model="searchFormModel.blurry" clearable /> <el-input v-model="searchFormModel.blurry" clearable />