vue3中使用getCurrentInstance通过ref调用子组件属性与方法

话不多说:vue3父组件调用子组件内部属性和方法示例

vue3中使用getCurrentInstance通过ref调用子组件属性与方法_第1张图片

 父组件中:

1.setup语法糖中导入子组件

2.在子组件标签上绑定ref值

3.setup内部从vue中按需导出 getCurrentInstance 方法

4.调用getCurrentInstance方法导出proxy

5.通过proxy.$refs.子组件ref名.子组件内属性/方法 实现调用






子组件中:

1.js内需要通过defineExpose导出父组件需要使用的属性和方法即可

因为使用 

你可能感兴趣的:(vue.js,javascript,前端)