当前位置 博文首页 > 嗯嗯**的博客:this.$refs类型识别问题 - 最详细解决方案 -【vue
typescript是强类型所致 - typescript不能识别出this.$refs.xx是否含有xx2方法
?
?
let myRef: any = this.$refs.myModal;
myRef.resetFields(); //清空表单校验
?
//成员变量
$refs!: {
myModal: HTMLFormElement //写法1 - 推荐
//myModal: Vue & {resetFields : Function} 写法2 - 不推荐
//找到xx2所在的接口并引入到组件中
//myModal: Vue & WrappedFormUtils 写法3 - 不推荐
};
handleCancel(e: object) {
this.$refs.myModal.resetFields(); //清空表单校验
}
?
//写法1 - as
(this.$refs.myModal as Vue & {resetFields:Function}).resetFields();
//写法2 - <>
(< Vue & {resetFields : Function}>(this.$refs.myModal)).resetFields();
?
AntTemplateMethod.ts文件中
?
?
找接口模板
?
?
App.vue文件中