// comp.vue <el-form ref="formRef"></el-form> // parent.vue <comp ref='r' /> 当外层使用 r.$el 时,parent 期望获取组件的元素 div.comp,但它实际得到的是 formRef.value.$el,即 <el-form> 组件的元素 form.el-form 有用 回复 ybchen: 还有更好的解决方法吗 回复7月 11 日来自上...
在 Vue3 中,如果要在父组件拿到子组件(子组件的DOM结构、数据、方法),可以通过 ref。即在父组件中定义响应式数据 ref(null) ,并绑定给子组件,在需要的时候,通过定义的响应式变量即可获取。获取后,即获取了子组件的一切,可以看到子组件的DOM结构,也可以看到子组件中对外暴露的的数据和方法,并且可以直接调用。 <...
// comp.vue <el-form ref="formRef"></el-form> // parent.vue <comp ref='r' /> 当外层使用 r.$el 时,parent 期望获取组件的元素 div.comp,但它实际得到的是 formRef.value.$el,即 <el-form> 组件的元素 form.el-form 有用 回复 ybchen: 还有更好的解决方法吗 回复2024-07-11 来自...
在 Vue3 中,如果要在父组件拿到子组件(子组件的DOM结构、数据、方法),可以通过 ref。即在父组件中定义响应式数据 ref(null) ,并绑定给子组件,在需要的时候,通过定义的响应式变量即可获取。获取后,即获取了子组件的一切,可以看到子组件的DOM结构,也可以看到子组件中对外暴露的的数据和方法,并且可以直接调用。 <...
defineExpose如何处理ref获取到的组件方法。如把el-form的方法暴露出去。通过ref获取。但是defineExpose处理时。el-form还未获取到。导致暴露为null 如下一个form <el-form ref="formRef"></el-form> 通过ref获取 import type { FormInstance} from 'element-plus'; const formRef=ref<FormInstance>() ...