From 20c10df846917f417919563f80454bc88a05a3de Mon Sep 17 00:00:00 2001 From: wjc112233 <45564129+wjc112233@users.noreply.github.com> Date: Sat, 23 Jul 2022 19:27:39 +0800 Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E6=94=B9BasicForm=E8=A1=A8?= =?UTF-8?q?=E5=8D=95=E7=9A=84=E5=B1=95=E5=BC=80=E5=92=8C=E6=94=B6=E8=B5=B7?= =?UTF-8?q?=E6=8C=89=E9=92=AE=E7=8A=B6=E6=80=81=E9=94=99=E8=AF=AF=E7=9A=84?= =?UTF-8?q?bug=20(#2089)=20(#2109)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: wjc <7098544231@qq.com> --- src/components/Form/src/hooks/useAdvanced.ts | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/src/components/Form/src/hooks/useAdvanced.ts b/src/components/Form/src/hooks/useAdvanced.ts index 5c9603fb..0df0be0b 100644 --- a/src/components/Form/src/hooks/useAdvanced.ts +++ b/src/components/Form/src/hooks/useAdvanced.ts @@ -1,6 +1,6 @@ import type { ColEx } from '../types'; import type { AdvanceState } from '../types/hooks'; -import type { ComputedRef, Ref } from 'vue'; +import { ComputedRef, getCurrentInstance, Ref } from 'vue'; import type { FormProps, FormSchema } from '../types/form'; import { computed, unref, watch } from 'vue'; import { isBoolean, isFunction, isNumber, isObject } from '/@/utils/is'; @@ -26,6 +26,8 @@ export default function ({ formModel, defaultValueRef, }: UseAdvancedContext) { + const vm = getCurrentInstance(); + const { realWidthRef, screenEnum, screenRef } = useBreakpoint(); const getEmptySpan = computed((): number => { @@ -150,6 +152,9 @@ export default function ({ } } + // 确保页面发送更新 + vm?.proxy?.$forceUpdate(); + advanceState.actionSpan = (realItemColSum % BASIC_COL_LEN) + unref(getEmptySpan); getAdvanced(unref(getProps).actionColOptions || { span: BASIC_COL_LEN }, itemColSum, true);