javascript 使用方法将 prop 从父级传递到子级

wribegjk 于 2023-03-16 发布在 Java

关注(0)|答案(1)|浏览(111)

我正在开发一个应用程序，其中用户必须从四个下拉菜单中进行选择，一旦用户单击“确定”按钮，我希望将所有选择发送到子组件以创建图表。我让它在没有单击按钮的情况下工作，因为我将选择作为 prop 传递，并在子组件中进行计算，就像这样
<ChildComponent :name="name" :email="email" :date="date" ></ChildComponent>
现在我需要一个按钮，当单击它时，它将执行相同的操作，更新 prop 并将它们发送到子组件。

JavaScript

来源：https://stackoverflow.com/questions/75737443/pass-props-from-parent-to-child-using-a-method

1条答案

按热度按时间

e5nqia271#

您只需创建一个方法来更新传递给子对象的props的值

<script setup>
const name = ref('')
const email = ref('')
const date = ref('')

function handleUpdate() {
  name.value = /* ... */
  email.value = /* ... */
  date.value = /* ... */
}
</script>

<template>
  <ChildComponent :name="name" :email="email" :date="date" />
  <button @click="handleUpdate">OK</button>
</template>

这是一个有点难以理解你的意思，但你确定你不能使用一个形式在这里分组的价值观在一起，如果你有4选择？

赞(0）回复(0）举报 2023-03-16

我来回答

javascript 使用方法将 prop 从父级传递到子级

1条答案

相关问题

热门标签

最新问答