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"
label-position="right"
label-width="90px"
:disabled="disabled"
>
<slot name="suffix" />
<el-form-item>
@@ -30,6 +31,11 @@ export default {
model: {
type: Object,
required: true
},
disabled: {
type: Boolean,
required: false,
default: false
}
},
methods: {
@@ -46,7 +52,8 @@ export default {
onFormReset(formName) {
try {
this.$refs[formName].resetFields()
this.$emit('reset')
this.onFormSubmit(formName)
// this.$emit('reset')
} catch (e) {
console.error(e)
}
@@ -1,7 +1,7 @@
<template>
<div style="padding: 50px">
<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>
<el-form-item label="模糊查询" prop="blurry">
<el-input v-model="searchFormModel.blurry" clearable />