Vue3 动态设置 ref

el-tabs中如果用 v-for动态增加tab，每个tab中如果需要控制自己控件的增删改查，就需要设置动态ref.

1. 先定义一个空字典：

const inputRefMap = ref({});

2. 然后定义一个方法将变量增加到字典中：

const handleSetInputMap = (el: refItem, item: number) => {
  if (el) {
    inputRefMap.value[`Input_Ref_${item}`] = el;
  }
};

3. template中调用该方法：

:ref="(el:refItem) => handleSetInputMap(el, item.Id)"

4. 使用该变量：

const addClick = (item: number) => {
  inputRefMap.value[`Input_Ref_${item}`].addRow();
};

全部代码参考如下：