ReferenceError: formRef is not defined

在提供的代码中，`formRef` 被多次引用但未定义。这会导致 `ReferenceError: formRef is not defined` 错误。以下是可能的解决方案：

1. **定义 `formRef`**：
需要在组件的 `setup` 函数中定义 `formRef` 并绑定到表单上。

   import { ref, reactive, onMounted } from 'vue';
   import { useRouter, useRoute } from 'vue-router';
   import { message } from 'ant-design-vue';
   import { login, getImage, getHallcode, getReadcard, gethallCode, getCompanies } from '../utils/api';
   import md5 from 'md5';
   import { encryption } from '../utils/encrption/aesEncrypt';

   const router = useRouter();
   const route = useRoute();
   const loginBtn = ref(false);
   const loginObject = reactive({
       companyCode: '',
       username: '',
       password: '',
       hallCode: '',
       code: '',
       rememberMe: false,
   });
   const companiesInfo = ref([]);
   const hallCodeDataList = ref([]);
   const randCodeImage = ref('');
   const verifiedCode = ref("");
   const requestCodeSuccess = ref(false);
   const encryptedString = reactive({ key: "1234567890adbcde", iv: "1234567890hjlkew" });

   // 定义 formRef
   const formRef = ref(null);

   // 其他逻辑...

   onMounted(() => {
       handleChangeCheckCode();
       currdatetime = new Date().getTime();
       getHallCodeList();
       getCompaniesInfo();
   });

2. **绑定 `formRef` 到表单**：
在模板中将 `formRef` 绑定到 `<a-form>` 上。

   <template>
     <div class="all">
       <div class="left-column">
         <h2>欢迎使用智慧社区商城后台管理系统</h2>
         <img style="width: 300px; height: 300px;" src="../assets/logo1.jpg" alt="Logo" />
         <p>万里学院大数据与软件工程学院提供技术支持</p>
         <p>基于Vue+springBoot技术实现</p>
       </div>
       <a-divider class="divider" type="vertical"></a-divider>
       <div class="right-column">
         <a-form :model="loginObject" style="margin-top: 35px;" ref="formRef"> <!-- 绑定 formRef -->
           <!-- 表单项... -->
         </a-form>
       </div>
     </div>
   </template>

通过以上步骤，可以解决 `ReferenceError: formRef is not defined` 错误，并确保 `formRef` 可以正常工作。