Javascript 在Vue模板中呈现嵌套JSON作为表单输入

我有一个作为道具传递JSON数据的Vue组件。模式的变化取决于对象的类型。组件是通用的，一些JSON具有嵌套对象/数组

数据：

模板

{{key}}

是否有一种合理的方法来动态检查

val

是否属于对象或数组，如果是，则在其上递归？保留绑定也很重要，这样当这些嵌套字段更改时，状态就会更新（这样我们就可以对任何编辑进行HTTP修补）

e、 g.

函数迭代（obj）

，可以呈现嵌套对象。JS不是我的强项套件，

isEnumerable

或

hasOwnProperty（'length'）

似乎很脆弱

"check": {
    "id": "d5d1d763236f3",
    "created_on": "2016-08-05T15:49:18.263399Z",
    "type": "A",
    "header": {
      "Host": ["appname.com"]
    },
    "method": "GET"
}

  <div class="results" v-if="type">
  <table v-for="item in type">
  <tbody>
  <tr v-for="(key, val) in item">
    <td>{{ key }}</td>
    <td><input v-model="val" type="text"/></td>
  </tr>
  </tbody>
  </table>
  </div>