我试图了解将 refs 与 TypeScript 和 Options API 一起使用的最佳方式。在文档中,他们像下面一样引用它,但没有使用 TS。当谈到 TS 时,他们只解释了如何使用 Composition API。
当我使用this.$refs.myRef它时会抛出此错误Object is of type 'unknown'.
我知道我可以像这样投射和使用它:(this.$refs.myRef as HTMLElement)但我觉得没有必要每次都对每个裁判都这样做。
使用 Options API + TS 引用的正确方法是什么?
我有一个父组件和一个子组件。我想从父组件中调用子组件中的方法并等待响应。我怎样才能做到这一点?我需要在父方法中添加条件的响应。
<!-- MY CHILD COMPONENT -->
<my-child-component ref="childform" />
// parent method
methods: {
callChildMethod() {
this.$refs.childform.onSubmit()
// if want to get the response and do something
if (response) {
//do something
}
},
}
//child method
methods: {
onSubmit() {
//do something
return false
},
}
Run Code Online (Sandbox Code Playgroud)