Fatal编程技术网
  • vue.js/
  • Vue.js 访问Vue中的嵌套对象

Vue.js 访问Vue中的嵌套对象

vue.js object binding

Vue.js 访问Vue中的嵌套对象,vue.js,object,binding,Vue.js,Object,Binding,我只能访问当前视图和子任务，但不能访问子任务2。虽然我也遵循同样的方法。我想访问对象数组分支，并在响应中报告。有什么提示吗 [ { “id”：“sss”， “名称”：“TestDemo”， “可见性”：“ss”， “项目”：[ { “名称”：“ss”， “分支机构”：[ { “姓名”：“船长”， “国家”：“无”， “报告”：{ “布兰克纳姆”：“大师”， “项目名称”：“ss”， “organizationName”：“TestDemo”， “failedRuns”：0， “totalRuns

我只能访问当前视图和子任务，但不能访问子任务2。虽然我也遵循同样的方法。我想访问对象数组分支，并在响应中报告。有什么提示吗

[
{
“id”：“sss”，
“名称”：“TestDemo”，
“可见性”：“ss”，
“项目”：[
{
“名称”：“ss”，
“分支机构”：[
{
“姓名”：“船长”，
“国家”：“无”，
“报告”：{
“布兰克纳姆”：“大师”，
“项目名称”：“ss”，
“organizationName”：“TestDemo”，
“failedRuns”：0，
“totalRuns”：0，
“successRunsPercentage”：100
}
}
]
}
]
}
]
模板vuejs（前两个绑定工作正常）。我仍然想访问分支机构并报告



    

  • 
{{currentView.name}}-{{currentView.visibility}

      

    • 
{{subTask.name}-{{subTask.branchs}

      • 

    

      

    • 
{{subTask2.name}-{{subTask2.state}

      • 

    

    •
您面临的问题是，由于嵌套不正确，
子任务在第三个
v-for
中未定义

您只能访问从该元素的子组件内的
v-for
分配的变量

subTask.branchs
循环中的
subTask2元素必须是具有
subTask
变量的元素的子元素

例如：




    

  • 
{{currentView.name}}-{{currentView.visibility}

      

    • 
{{subTask.name}-{{subTask.branchs}

        

      • 
{{subTask2.name}-{{subTask2.state}

        • 

      

      • 

    

    • 




您可能需要处理结构和格式以使其看起来正确，但该示例应该是可运行的