webstorm中无法识别和提示vue响应式对象的属性，如何解决？

Question

如图所示：form是一个响应式对象，要调用resetFields方法，就需要使用form.value.resetFields这种方法，但是webstorm却无法自动提示函数和语法检查，请问这种情况应该如何处理呢？

已经解决

低级错误，是没有安装库导致的....

Answer 1

如果你是 TS，传递对应的泛型参数即可：

import type { ElForm } from 'element-ui/types/form'

const form = ref<ElForm>(null)
const reset = () => form.value.resetFields()

如果是 JS，那么就需要配合 JSDoc：

/**
 *
 * @type {Ref<ElForm>}
 */
const form = ref(null)
const reset = () => form.value.resetFields()

Answer 2

如果是TS的项目，参考1楼的回答，如果不是，那么你的 webstorm 是否购买了正版授权，Vue3的语法支持是 2020.3 之后的版本，特别是 setup 语法，应该是 2021之后的版本。如果你的 webstorm 是更早期的破解版本，自然无法识别和提示。