最近很多朋友私我請教子組件實例的獲取方法
解答:
vue2中可直接通過父組件內組件的ref讀取子組件的實例,vue3有些許區別
vue3中需要在子組件中導出(暴露)相關實(你需要再父組件中調用)例方法:
子組件中
const getFileList = () => {const addFile = getAddFileList();const delFile = getDelFileList();return { addFile, delFile };
};
//使用此屬性導出實例方法
defineExpose({getFileList
});
父組件中
// 讀取子組件實例方法
<MultiFileUploadref="uploadFileRef"/>const uploadFileRef = ref<any>();const getFileRef = () => {const fileData = uploadFileRef.value.getFileList();return fileData;
};
只需以上步驟即可訪問子組件實例方法。