在 vue-formulate 的嵌套组中使用空列表

我正在使用 vue 和 vue Formulate 并想要构建一个带有嵌套组 https://vueformulate.com/guide/inputs/types/group/.

例如，我有一个用户（外部组），每个用户可以有一个标签列表（内部组）。

标签列表只是一个示例，在我的实际应用程序中，嵌套对象更加复杂。对于这个例子我可以使用,分开的列表。

现在的问题是，即使我初始化v-model带有 [] 的表单始终显示 1 项。这个也有讨论SO post https://stackoverflow.com/questions/63366497/initially-hide-first-group-in-vue-formulate-repeatable-group/63422026?noredirect=1#comment119354082_63422026，但没有适合我的解决方案。

这是我的codepen https://codepen.io/thopaw/pen/ZEeWJVv为了这

正如您所看到的， for 带有一个预填充的学生数组，其中学生有名字但没有标签。但尽管提供了一个空数组，但表单仍显示一个标签。

{
  "students": [
    {
      "name": "Homer",
      "tags": []
    }
  ]
}

我无法使用上面 SO 帖子中的解决方法，因为我只得到最后一个删除按钮作为参考。

我想要的是使用空列表并且no输入字段呈现为空列表。

有谁知道如何做到这一点？ 我还添加了minimum="0"到该组，但这没有效果。

This would be the render state I wanted to have for the empty tag list:

尝试将表单初始化为空，并在安装的挂钩中根据您的需要填写数据。这是您的 codepen 的已解决分支。 https://codepen.io/QuackingKahuna/pen/powXgOr

data: {
  form: {}
},
mounted(){
  Vue.set(this.form, "students", [{name:"Homer", tags:[] }]);
}