Commit d9fe87c6da90fab5a5c3bde26d01e9f87725b90a
1 parent
94722a5c
chore(DefatultRequestContent.vue): 打包时类型错误
Showing
2 changed files
with
13 additions
and
7 deletions
... | ... | @@ -5,12 +5,12 @@ import { ref } from 'vue'; |
5 | 5 | import ParamsTable from './ParamsTable.vue'; |
6 | 6 | import RequestBody from './RequestBody.vue'; |
7 | 7 | |
8 | -defineProps<{ | |
8 | +const props = defineProps<{ | |
9 | 9 | value: RequestParams |
10 | 10 | requestParamsBodyType: RequestBodyEnum |
11 | 11 | }>() |
12 | 12 | |
13 | -const emit = defineEmits(['update:requestParamsBodyType']) | |
13 | +const emit = defineEmits(['update:requestParamsBodyType', 'update:value']) | |
14 | 14 | |
15 | 15 | const tabValue = ref(RequestParamsTypeEnum.PARAMS) |
16 | 16 | |
... | ... | @@ -18,6 +18,9 @@ const handleSyncRequestParamsBodyType = (value: RequestBodyEnum) => { |
18 | 18 | emit('update:requestParamsBodyType', value) |
19 | 19 | } |
20 | 20 | |
21 | +const handleUpdate = (key: RequestParamsTypeEnum, value: Recordable) => { | |
22 | + emit('update:value', { ...props.value, [key]: value }) | |
23 | +} | |
21 | 24 | |
22 | 25 | </script> |
23 | 26 | |
... | ... | @@ -27,13 +30,16 @@ const handleSyncRequestParamsBodyType = (value: RequestBodyEnum) => { |
27 | 30 | <NTabPane v-for="item in RequestParamsTypeEnum" :name="item" :key="item"></NTabPane> |
28 | 31 | </NTabs> |
29 | 32 | <section v-if="tabValue === RequestParamsTypeEnum.PARAMS"> |
30 | - <ParamsTable v-model:value="value[RequestParamsTypeEnum.PARAMS]" /> | |
33 | + <ParamsTable :value="value[RequestParamsTypeEnum.PARAMS]" | |
34 | + @update:value="(value: Recordable) => handleUpdate(RequestParamsTypeEnum.PARAMS, value)" /> | |
31 | 35 | </section> |
32 | 36 | |
33 | - <RequestBody v-model:value="value" @update:requestParamsBodyType="handleSyncRequestParamsBodyType" | |
34 | - v-model:requestParamsBodyType="requestParamsBodyType" v-if="tabValue === RequestParamsTypeEnum.BODY" /> | |
37 | + <RequestBody :value="value" @update:value="(value: Recordable) => handleUpdate(RequestParamsTypeEnum.BODY, value)" | |
38 | + @update:requestParamsBodyType="handleSyncRequestParamsBodyType" :requestParamsBodyType="requestParamsBodyType" | |
39 | + v-if="tabValue === RequestParamsTypeEnum.BODY" /> | |
35 | 40 | |
36 | - <ParamsTable v-if="tabValue === RequestParamsTypeEnum.HEADER" v-model:value="value.Header" /> | |
41 | + <ParamsTable v-if="tabValue === RequestParamsTypeEnum.HEADER" :value="value.Header" | |
42 | + @update:value="(value: Recordable) => handleUpdate(RequestParamsTypeEnum.HEADER, value)" /> | |
37 | 43 | </section> |
38 | 44 | </template> |
39 | 45 | ... | ... |