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="表单增删">
<BasicForm @register="register" @submit="handleSubmit">
<template #add="{ field }">
<Button v-if="field === 1" @click="add">+</Button>
<Button v-if="field > 1" @click="del(field)">-</Button>
<Button v-if="Number(field) === 0" @click="add">+</Button>
<Button v-if="field > 0" @click="del(field)">-</Button>
</template>
</BasicForm>
</CollapseContainer>
@ -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 };