需求是在切换货号的时候，清空上传过的图片，upload是子组件，在父组件的事件中调用子组件的方法
<upload ref="uploadRef"></upload>
用了let uploadRef= ref(null);获取不到，用 proxy.$refs['uploadRef']才能获取到实例
import { getCurrentInstance } from "vue"
const { proxy } = getCurrentInstance();
const getNewData = () => {
proxy.$refs['uploadRef'].clearImg();
}
另外如果子组件用了setup语法糖，记得要把方法defineExpose出来，，setup语法糖是封闭的，不需要写return,所以如果子组件方法要去给别人用的时候，就要用defineExpose 来暴露
const clearImg = () => {
fileList.value = [];
};
defineExpose({ clearImg });
父组件调用子组件的方法 //子组件
需求是在切换货号的时候，清空上传过的图片，upload是子组件，在父组件的事件中调用子组件的方法 用了let up...
父组件主动获取子组件的数据和方法 1..调用子组件的时候 定义一个ref 2.在父组件里面通过 子组件主动获取父组...
父组件主动获取子组件的数据和方法 1..调用子组件的时候 定义一个ref 2.在父组件里面通过 子组件主动获取父组...
父组件获取子组件： 1、加'ref' 2、利用this.$refs.header.msg直接调用，获取子组件数据 ...
vue通过v-ref获取到整个组件的对象 1.调用子组件的时候 定义一个ref 2.在父组件里 3,在子组件调用父...
（1）父组件通过ref获取子组件data 给子组件模板一个ref名 父组件通过this.$ref.ref名.dat...
1 父组件调用子组件的方法 1 在父组件的子组件标签上写上ref属性 ref="child" 2 然后通过...
一、父组件主动获取子组件的数据和方法 1.调用子组件的时候 定义一个ref 2.在父组件里面通过 二、子组件主动获...
子组件： 父组件： 在子组件中加上ref即可通过this.$refs.ref.method调用
本文标题：vue3获取子组件ref结果undefined，父组件调用子组件
本文链接：https://www.haomeiwen.com/subject/yszowrtx.html
网友评论