我对 Vue3 相当陌生，正在尝试使用 Laravel+Vue3 创建一个度假租赁网站。 基本上，该网站允许家庭租用别墅，以便与孩子一起度假。问题出在预订表单上，我的任务是为此表单实现可重用的自定义输入元素。单击该元素应该调用一个小上下文菜单，用户可以在其中选择成人客人的数量和儿童的数量，然后按“确定”按钮，现在输入包含诸如“3 位客人和 2 个孩子”之类的文本。然而表单本身（此自定义输入所属的表单）仍应提交两个不同的字段“adult_guests”和“children”。
我花了几乎一天的时间进行谷歌搜索，但我不知道如何有效地实现这样的输入。
就像你需要提交一个表单到一个表单。
要在 Vue 3 表单中创建上下文菜单以选择成人和儿童客人，请按照以下步骤操作：
自定义输入组件：为输入字段构建可重用的 Vue 组件。使用v-model将成人和儿童的值绑定到父表单。
添加上下文菜单：实现单击输入时出现的下拉菜单或弹出窗口（使用 Vue3-Popper 等库）。
Emit Values：使用Vue的emit将选定的值（adult_guests和children）发送到父表单。
表单提交的隐藏字段：包含隐藏输入以在表单提交到 Laravel 时传递这些值。
如需专家指导，请查看 Bizmia 以获取 Laravel 和 Vue 开发支持。如果您需要进一步说明，请告诉我！