zuaa
/
vue-vben-admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: fix AppendFormDemo (#505) 

Co-authored-by: haha <admin@qq.com>
This commit is contained in:
jinmao88 2021-04-19 23:52:37 +08:00 committed by GitHub
parent 85b92a9add
commit 8c2491fcb6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 14 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/views/demo/form/AppendForm.vue
View File

@ -3,8 +3,8 @@
<CollapseContainer title="表单增删"> <CollapseContainer title="表单增删">
<BasicForm @register="register" @submit="handleSubmit"> <BasicForm @register="register" @submit="handleSubmit">
<template #add="{ field }"> <template #add="{ field }">
<Button v-if="field === 1" @click="add">+</Button> <Button v-if="Number(field) === 0" @click="add">+</Button>
<Button v-if="field > 1" @click="del(field)">-</Button> <Button v-if="field > 0" @click="del(field)">-</Button>
</template> </template>
</BasicForm> </BasicForm>
</CollapseContainer> </CollapseContainer>
@ -24,25 +24,25 @@
const [register, { appendSchemaByField, removeSchemaByFiled, validate }] = useForm({ const [register, { appendSchemaByField, removeSchemaByFiled, validate }] = useForm({
schemas: [ schemas: [
{ {
field: 'field1a', field: 'field0a',
component: 'Input', component: 'Input',
label: '字段1', label: '字段0',
colProps: { colProps: {
span: 8, span: 8,
}, },
required: true, required: true,
}, },
{ {
field: 'field1b', field: 'field0b',
component: 'Input', component: 'Input',
label: '字段1', label: '字段0',
colProps: { colProps: {
span: 8, span: 8,
}, },
required: true, required: true,
}, },
{ {
field: '1', field: '0',
component: 'Input', component: 'Input',
label: ' ', label: ' ',
colProps: { colProps: {
@ -64,14 +64,14 @@
} }
} }
const n = ref(2); const n = ref(1);
function add() { function add() {
appendSchemaByField( appendSchemaByField(
{ {
field: 'field' + n.value + 'a', field: `field${n.value}a`,
component: 'Input', component: 'Input',
label: '字段2', label: '字段' + n.value,
colProps: { colProps: {
span: 8, span: 8,
}, },
@ -81,9 +81,9 @@
); );
appendSchemaByField( appendSchemaByField(
{ {
field: 'field' + n.value + 'b', field: `field${n.value}b`,
component: 'Input', component: 'Input',
label: '字段2', label: '字段' + n.value,
colProps: { colProps: {
span: 8, span: 8,
}, },
@ -91,6 +91,7 @@
}, },
'' ''
); );
appendSchemaByField( appendSchemaByField(
{ {
field: `${n.value}`, field: `${n.value}`,
@ -107,8 +108,8 @@
} }
function del(field) { function del(field) {
console.log(field);
removeSchemaByFiled([`field${field}a`, `field${field}b`, `${field}`]); removeSchemaByFiled([`field${field}a`, `field${field}b`, `${field}`]);
n.value--;
} }
return { register, handleSubmit, add, del }; return { register, handleSubmit, add, del };