组件二次封装时如何完美暴露expose方法

[gaylen1]

组件二次封装时如何完美暴露expose方法

举个列子
例如elementplus框架的el-input组件ref暴露的方法大家应该都是用这个原理实现对外暴露的。

const input= ref();
const expose = {};

onMounted(() => {
const entries = Object.entries(input.value);
for (const [method, fn] of entries) {
expose[method] = fn;
}
});

defineExpose(expose);

还有没有更加优雅的方式？

[jh-leong]

const input = useTemplateRef('inputRef');

defineExpose(
  new Proxy({}, {
    get(_, key) {
      return input.value?.[key];
    },
    has(_, key) {
      return key in (input.value || {});
    }
  })
);

[gaylen1]

这样确实可以调用到组件暴露的方法，但是在打印的时候不知道他有那些方法。

看上去不是特别完美，还有没有跟好的。谢谢