如何在 vue.js 中渲染这个 Json 对象？

Question

来自外部 API 的 JSON 字符串

职业 : { "1": { "name": "Maler / Lackierer", "skills": { "606": { “id”：606，“name”：“Qualifikation：”，“type”：“slider_data”，“value”： "Meister" }, "616": { "id": 616, "name": "Arbeitserfahrung in Jahren", “类型”：“slider_range”，“单位”：“Jahre”，“值”：2 } } } } - 1

data() {
    return {
      myObj: {},
   
    }
  },

mounted() {
    axios.get('https://xy',{
      dataType: 'json',
      headers: {
        'Content-Type': 'application/json',  
      },
    })
      .then(res => {
        //JSON.parse(res)
        this.applicantdata = JSON.parse(res.data.applicantdata)
        console.log(JSON.parse(res.data.applicantdata))
        this.myObj = this.applicantdata
      })
      .catch(error => {
        console.log(error)
        // Manage errors if found any
      })
  },

我的尝试：

<div v-for="(name, propertyName, index) in myObj.formatted" :key="name.id">
        {{ propertyName }} : {{ name }} - {{ index }}
      </div>

更深一层：

  <div v-for="(name, propertyName, index) in myObj.formatted.occupations[1]" :key="name.id">
        {{ propertyName }} : {{ name }} - {{ index }}
      </div>

我的问题是索引 [1] -> [606] / [616] 我不知道其他结果中的这个 id 吗？！

Answer 1

That's it 

  <div v-for="(row, id) in myObj.formatted.occupations" :key="id">
        <div v-for="(name, propertyName, index) in row" :key="name.id">
          {{ propertyName }} : {{ name }} - {{ index }}
           <p v-for="skill in name" :key="skill.id">
            {{ skill.name }} {{ skill.value }}
          </p>
        </div>
      </div>