panthro

Asked: 2024-10-10 03:47:24 +0800 CST2024-10-10 03:47:24 +0800 CST 2024-10-10 03:47:24 +0800 CST

Obtendo um objeto computado no pai a partir de um componente filho?

Tenho um objeto em um componente filho, algo como:

const obj = computed(() => ({
  abc: someField.value,
  xyz: anotherField.value,
}));

No pai eu quero pegar esse objeto, como posso fazer isso?

Best Answer

Majed Badawi

Usando watch:

No componente filho:

const emit = defineEmits(['obj-changed']);

watch(
  () => obj.value,
  (val) => emit('obj-changed', val),
  { immediate: true }
);

No componente pai:

<child-component @obj-changed="handleObjChanged" />

const handleObjChanged = (val) => console.log(val);

Usando defineExpose:

No componente filho:

defineExpose({ obj });

No componente pai:

<child-component ref="child" />

const child = ref();

E finalmente acesse usando:

child.value?.obj

relate perguntas