主页 / coding / 问题 / 79071842
Accepted
panthro
Asked: 2024-10-10 03:47:24 +0800 CST

从子组件获取父组件中的计算对象？

  • 772

我在子组件中有一个对象，类似于：

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

在父级中我想获取这个对象，我该怎么做？

vue.js

1 个回答

  1. Best Answer

    使用watch：

    在子组件中：

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

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

    在父组件中：

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

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

    使用defineExpose：

    在子组件中：

    defineExpose({ obj });

    在父组件中：

    <child-component ref="child" />

    const child = ref();

    最后使用以下命令访问它：

    child.value?.obj
    • 1

相关问题