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