引用子组件方法的问题

来源：6-1 什么是 SPA（Single Page Application）应用？

linkscope

2020-09-28

如果想引用子组件的方法，使用ref过程中由于HTMLElement不存在子组件方法会飘红，正常做法是使用interface拓展？

const form = ref<null | HTMLElement>(null)

const submitForm = (event: boolean) => {
   if (!event) {
	  // 飘红 HTMLELement不存在该方法
      form.value && form.value.formClear()
   }
 }

写回答

2回答

晨曦的希望

2020-09-28

已采纳

    interface IFormElement {
      formClear: Function;
    }
    const form = ref<null | IFormElement>(null);
    const submitForm = (event: boolean) => {
      if (!event) {        
        form.value && form.value.formClear();
      }
    };

linkscope

非常感谢！

2020-09-30

共1条回复

晨曦的希望

2020-09-28

只能使用interface吧，或者你不嫌弃的话给他个any类型

晨曦的希望

linkscope

或者这样写： interface IFormElement extends Element { formClear: Function; }

2020-09-28

共3条回复