diff --git a/src/views/demo/form/AppendForm.vue b/src/views/demo/form/AppendForm.vue index 35280dd9d862d9d7cd1313152c5b58ee0934b505..91ee937461586fca391f188b301e06be8021ac8c 100644 --- a/src/views/demo/form/AppendForm.vue +++ b/src/views/demo/form/AppendForm.vue @@ -3,8 +3,8 @@ @@ -24,25 +24,25 @@ const [register, { appendSchemaByField, removeSchemaByFiled, validate }] = useForm({ schemas: [ { - field: 'field1a', + field: 'field0a', component: 'Input', - label: '字段1', + label: '字段0', colProps: { span: 8, }, required: true, }, { - field: 'field1b', + field: 'field0b', component: 'Input', - label: '字段1', + label: '字段0', colProps: { span: 8, }, required: true, }, { - field: '1', + field: '0', component: 'Input', label: ' ', colProps: { @@ -64,14 +64,14 @@ } } - const n = ref(2); + const n = ref(1); function add() { appendSchemaByField( { - field: 'field' + n.value + 'a', + field: `field${n.value}a`, component: 'Input', - label: '字段2', + label: '字段' + n.value, colProps: { span: 8, }, @@ -81,9 +81,9 @@ ); appendSchemaByField( { - field: 'field' + n.value + 'b', + field: `field${n.value}b`, component: 'Input', - label: '字段2', + label: '字段' + n.value, colProps: { span: 8, }, @@ -91,6 +91,7 @@ }, '' ); + appendSchemaByField( { field: `${n.value}`, @@ -107,8 +108,8 @@ } function del(field) { - console.log(field); removeSchemaByFiled([`field${field}a`, `field${field}b`, `${field}`]); + n.value--; } return { register, handleSubmit, add, del };