ant-design-vue表单添加事件页面会卡死？

Question

form为组件 v-if显示出来的，调用handlePoliceSituation方法时页面卡住。
@blur="handlePoliceSituation"
方法里面什么都没写，只写了个alert，alert提示过后页面就卡主了。
而且有时候表单会出现短暂不能点击，得过一段时间才能点。
"ant-design-vue": "^3.2.20",
"vue": "3.2.41"
"pinia": "^2.0.14"

<Form
            autoComplete="off"
            class="p-f enter-x"
            :model="formData"
            ref="formRef"
            @keypress.enter="handleSubmit"
            :label-col="{ span: 5 }"
            :wrapper-col="{ span: 17 }"
            :selfUpdate="true"
          >
           
            <FormItem name="bargj" class="enter-x" label="联系方式：">
              <Input
                size="large"
                style="width: 230px"
                v-model:value="formData.bargj"
                placeholder="请输入联系方式"
                class="fix-auto-fill"
              />
            </FormItem>
            <FormItem name="barzz" class="enter-x" label="报案地址：">
              <Input
                size="large"
                v-model:value="formData.barzz"
@blur="handlePoliceSituation"
                placeholder="请输入报案地址"
                class="fix-auto-fill"
              />
            </FormItem>

            <FormItem name="jyaq" class="enter-x" label="事项内容：">
              <div class="sxnr" v-if="strPage === 'ReceivingReports'">
                <Button
                  v-for="(item, index) in btnList"
                  :key="item"
                  class="sx-btn"
                  @click="onSelectBtn(index, item)"
                  :class="selectIndex === index ? 'bg-color' : ''"
                  type="primary"
                  size="large"
                  >{{ item.label }}</Button
                >
              </div>
              <div class="textarea-box">
                <a-textarea :rows="3" v-model:value="formData.jyaq" />
              </div>
            </FormItem>

Answer 1

请移除v-if，使用v-show代替。

以上回复有部分引自免费微信小程序：皆我百晓生。 如问题尚未解决，还请稍待，如有疑问请回复进一步沟通。