vue3 动态设置组件Ref

LuWeiFun

于 2024-09-14 11:55:02 发布

阅读量476

点赞数 2

文章标签： javascript vue.js 前端

本文链接：https://blog.youkuaiyun.com/m0_60997870/article/details/142254926

版权


<UploadFile :accept="'.docx,.doc,.xlsx,.xls'" :ref="(el: refItem) => setRefMap(el, item.enumKey)" buttonName="附件" :businessName="'报告配置书签设置'" :uuids="item[`${item.enumKey}Uuids`] || []" />

import { nextTick, watch, ComponentPublicInstance } from 'vue';


type refItem = Element | ComponentPublicInstance | null;
const refMap: Record<string, any> = {};
const setRefMap = (el: refItem, key: string) => {
  if (el) {
    refMap[key] = el;
  }
};