fix: 彻底解决值绑定问题

This commit is contained in:
2025-08-01 23:08:12 +08:00
parent 2a584ded07
commit e5a2f0e264
2 changed files with 16 additions and 6 deletions
@@ -8,7 +8,7 @@
:modal="false" :modal="false"
> >
<div class="container-form"> <div class="container-form">
<el-form ref="form" :model="form.model" :rules="form.rules"> <el-form ref="form" :model="model" :rules="rules">
<!-- 这里是插槽,用于渲染传入的 el-form-item --> <!-- 这里是插槽,用于渲染传入的 el-form-item -->
<slot /> <slot />
</el-form> </el-form>
@@ -42,7 +42,12 @@ export default {
required: false, required: false,
default: false default: false
}, },
form: { model: {
type: Object,
required: true,
default: null
},
rules: {
type: Object, type: Object,
required: true, required: true,
default: null default: null
@@ -64,7 +69,7 @@ export default {
submitForm(formName) { submitForm(formName) {
this.$refs[formName].validate((valid) => { this.$refs[formName].validate((valid) => {
if (valid) { if (valid) {
this.$emit('submit', this.form.model) this.$emit('submit', this.model)
} else { } else {
return false return false
} }
@@ -11,7 +11,7 @@
:modal="false" :modal="false"
> >
<div class="container-form"> <div class="container-form">
<el-form ref="form" :model="form.model" :rules="form.rules"> <el-form ref="form" :model="model" :rules="rules">
<!-- 这里是插槽,用于渲染传入的 el-form-item --> <!-- 这里是插槽,用于渲染传入的 el-form-item -->
<slot /> <slot />
</el-form> </el-form>
@@ -39,7 +39,12 @@ export default {
required: false, required: false,
default: '40%' default: '40%'
}, },
form: { model: {
type: Object,
required: true,
default: null
},
rules: {
type: Object, type: Object,
required: true, required: true,
default: null default: null
@@ -61,7 +66,7 @@ export default {
submitForm(formName) { submitForm(formName) {
this.$refs[formName].validate((valid) => { this.$refs[formName].validate((valid) => {
if (valid) { if (valid) {
this.$emit('submit', this.form.model) this.$emit('submit', this.model)
} else { } else {
return false return false
} }