Vue嵌套v-如何？

Question

我尝试渲染嵌套列表，但它无法解决..

我的示例https://codepen.io/anon/pen/gGKGGN    我的对象

{
  "children": [
    {
      "children": [
        {
          "label": "3",
          "value": "cca88ef0-8b08-4b48-ac08-78f80f4ff0a0"
        }
      ],
      "label": "2",
      "value": "f874ad2b-dd02-4cbe-992c-0db6a75e88e0"
    }
  ],
  "id": "f3f58a52-f686-40d4-9d16-5bc623d4607c",
  "label": "1",
  "value": "f3f58a52-f686-40d4-9d16-5bc623d4607c"
}

尝试

            <Form ref="formInline" :model="formInline" :rules="ruleInline">

            <FormItem prop="catygory" v-for="(post, index) in posts" >

                <Input  type="text" v-model="post.label"   placeholder="name"><Icon type="ios-moon-outline" slot="prepend"></Icon>


                </Input>


            </FormItem>        

            <FormItem>
                <Button type="primary" @click="toLoading('formInline', marker)"> change</Button>
            </FormItem>
        </Form>

没有工作:(

我试试帖子[0]。标签不起作用，请帮忙