canrd-outside / order-erp-front · Commits

Commit 8c2491fcb6853bfe06df265eb6daa5aa7d979b74

Authored by jinmao88
Committed by GitHub
1 parent 85b92a9a

fix: fix AppendFormDemo (#505) 

Co-authored-by: haha <admin@qq.com>
Inline Side-by-side
Showing 1 changed file with 14 additions and 13 deletions
src/views/demo/form/AppendForm.vue
  View file @8c2491f
... ... @@ -3,8 +3,8 @@
3 3 <CollapseContainer title="表单增删">
4 4 <BasicForm @register="register" @submit="handleSubmit">
5 5 <template #add="{ field }">
6   - <Button v-if="field === 1" @click="add">+</Button>
7   - <Button v-if="field > 1" @click="del(field)">-</Button>
  6 + <Button v-if="Number(field) === 0" @click="add">+</Button>
  7 + <Button v-if="field > 0" @click="del(field)">-</Button>
8 8 </template>
9 9 </BasicForm>
10 10 </CollapseContainer>
... ... @@ -24,25 +24,25 @@
24 24 const [register, { appendSchemaByField, removeSchemaByFiled, validate }] = useForm({
25 25 schemas: [
26 26 {
27   - field: 'field1a',
  27 + field: 'field0a',
28 28 component: 'Input',
29   - label: '字段1',
  29 + label: '字段0',
30 30 colProps: {
31 31 span: 8,
32 32 },
33 33 required: true,
34 34 },
35 35 {
36   - field: 'field1b',
  36 + field: 'field0b',
37 37 component: 'Input',
38   - label: '字段1',
  38 + label: '字段0',
39 39 colProps: {
40 40 span: 8,
41 41 },
42 42 required: true,
43 43 },
44 44 {
45   - field: '1',
  45 + field: '0',
46 46 component: 'Input',
47 47 label: ' ',
48 48 colProps: {
... ... @@ -64,14 +64,14 @@
64 64 }
65 65 }
66 66  
67   - const n = ref(2);
  67 + const n = ref(1);
68 68  
69 69 function add() {
70 70 appendSchemaByField(
71 71 {
72   - field: 'field' + n.value + 'a',
  72 + field: `field${n.value}a`,
73 73 component: 'Input',
74   - label: '字段2',
  74 + label: '字段' + n.value,
75 75 colProps: {
76 76 span: 8,
77 77 },
... ... @@ -81,9 +81,9 @@
81 81 );
82 82 appendSchemaByField(
83 83 {
84   - field: 'field' + n.value + 'b',
  84 + field: `field${n.value}b`,
85 85 component: 'Input',
86   - label: '字段2',
  86 + label: '字段' + n.value,
87 87 colProps: {
88 88 span: 8,
89 89 },
... ... @@ -91,6 +91,7 @@
91 91 },
92 92 ''
93 93 );
  94 +
94 95 appendSchemaByField(
95 96 {
96 97 field: `${n.value}`,
... ... @@ -107,8 +108,8 @@
107 108 }
108 109  
109 110 function del(field) {
110   - console.log(field);
111 111 removeSchemaByFiled([`field${field}a`, `field${field}b`, `${field}`]);
  112 + n.value--;
112 113 }
113 114  
114 115 return { register, handleSubmit, add, del };
... ...