Vue3动态创建组件答案

【问题标题】：Vue3 create componentes dynamicVue3动态创建组件
【发布时间】：2021-10-14 11:23:50
【问题描述】：

您好，我在测试 Vue3，遇到了一个我不知道如何解决的情况。

我有一个输入组件，它在循环中是使用来自对象的数据创建的，一切都很好，但现在我想将事件传递给它，此时我不知道如何将这些事件传递给它。 how to read this list

我正在尝试使用组件从 json 创建输入。

【问题讨论】：

请在问题中提供相关代码。它不应该是一个图像。这个问题应该是可以理解的，而无需导航到可能变得不可用的外部链接，请参阅stackoverflow.com/help/how-to-ask“我正在尝试使用 json 组件创建输入”- JSON 不支持函数值。如果这个对象真的应该是 JSON，你将无法做到这一点

【解决方案1】：

对于特定的事件处理程序，可以显式指定：

<InputBase v-bind="input" v-model:value="values[input.name]" @input="input.events?.input" />

对于事件处理程序的映射，可以将其传递给v-on 指令：

<InputBase v-bind="input" v-model:value="values[input.name]" v-on="input.events || {}" />

【讨论】：