Property 'validate' does not exist on type 'Vue | Element | Vue[] | Element[]'
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
·
环境: vue2.5.2+element-ui2.2.2 +TypeScript
位置: 在提交from 表单验证时
//在这开始报错
this.type = 'test'
this.$refs['form'].validate(valid => {
... ...
})
错误信息:
分析原因: Property ‘validate’ does not exist on type ‘Vue | Element | Vue[] | Element[]’ 意思是说validate找不到,它不知道是哪个类型的属性,因为我们这里用到了TypeScript,而TypeScript 又是强类型检查所以报了这个错。
解决方案:
// 这样就不报错了
this.type = 'test'
(this.$refs['form'] as any).validate((valid : boolean)=> {
... ...
})
但是在接下来的运行中,又会报一个找不到表达式的错:
解决方案: 因为在js中()可以代表一个函数的调用属性,所以当 this.type = “test” 没有加 ‘;'号时,js会默认后面的()是“test"方法的调用属性。
如果不引入Form ,把Form 换成any 也是可以 的
// 最终代码
// 引入 element-ui 的 Form ,
import { Form } from "element-ui";
this.type = 'test'; // 加分号!
(this.$refs['form'] as Form).validate((valid : boolean)=> {
... ...
})
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:4 个月前 )
c345bb45
1 年前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 1 年前
AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。
更多推荐



所有评论(0)