Question

在Vue中，我有一个基本的输入文本字段，用户可以在其中输入内容。我想根据用户类型创建可移动插槽。我有一个按钮，用户可以单击“添加插槽”，然后键入他们想要的内容。查看图片1。

我想要用户在该字段中键入的位置。无论键入什么，都像第二个一样图片。

**我搜索了文档和Vue文档，它们的示例过于复杂。我想要一个简单的示例，该示例显示模板div / input +自动完成和脚本以实际检索值。 ** 谢谢您的帮助。

我希望用户界面像第二张图片一样

Answer 1

您可以将单击侦听器设置为该按钮，单击后，接受用户编写的内容，并将其存储在某些数据结构（可能是数组）中。然后，遍历该数组并为每个数组创建插槽。为每个插槽设置一个onclick事件，并在单击时从数组中删除索引。

/api/people/