解决 TypeScript 错误：类型 '...' 上不存在属性 'LOVE_CAR'

在使用 Element UI 的 el-radio 组件时，你可能会遇到以下错误：

类型“{ $: ComponentInternalInstance; $data: {}; $props: { key?: string | number | symbol; style?: unknown; ref?: VNodeRef; ref_for?: boolean; ref_key?: string; onVnodeBeforeMount?: VNodeMountHook | VNodeMountHook[]; ... 5 more ...; class?: unknown; }; ... 10 more ...; $watch<T extends string | ((...args: any) => any)>(so...”上不存在属性“LOVE_CAR”。ts(2339)

这个错误是因为你在给 el-radio 的 label 属性赋值时，LOVE_CAR 和 OTHERS 应该是字符串，但它们没有被定义为变量或字符串，所以编译器无法找到它们。

解决方法：

1. 定义字符串常量：

   const LOVE_CAR = '车辆';
   const OTHERS = '其他';
   

2. 在表单中使用常量：

   <el-form-item label='状态' prop='categoryAttribute'>
       <el-radio-group v-model='formData.categoryAttribute'>
           <el-radio :label='LOVE_CAR'>车辆</el-radio>
           <el-radio :label='OTHERS'>其他</el-radio>
       </el-radio-group>
   </el-form-item>
   

现在你应该能够成功运行代码了。

解释：

通过定义 LOVE_CAR 和 OTHERS 为字符串常量，你明确地告诉编译器它们是字符串类型，并确保它们在你的代码中被正确识别。

希望这篇文章对你有帮助！如果你还有其他问题，请随时提问。