Javascript Vue.js-如何在函数中使用数组进行循环

Javascript Vue.js-如何在函数中使用数组进行循环,javascript,vue.js,vuejs2,vue-component,Javascript,Vue.js,Vuejs2,Vue Component,我想在Vue.JS函数中使用JS数组进行循环 试用代码: Vue: 通过使用上述代码,我得到以下错误 [Vue warn]:呈现错误:“TypeError:无法读取未定义的属性'num'” 如何解决这个问题?cc.num可能有效,cc是bbb中的单个项,您应该检查cc是否存在您正在循环使用从计算属性返回的新使用的属性,因此您的v-for应该如下所示: <div v-for="(cc,index) in bbb" :key="index">

我想在Vue.JS函数中使用JS数组进行循环

试用代码:

Vue:

通过使用上述代码,我得到以下错误

[Vue warn]:呈现错误:“TypeError:无法读取未定义的属性'num'”


如何解决这个问题?

cc.num
可能有效,cc是bbb中的单个项,您应该检查cc是否存在

您正在循环使用从计算属性返回的新使用的属性,因此您的v-for应该如下所示:

<div v-for="(cc,index) in bbb" :key="index">
  <p v-text="cc.num"></p>
</div>


<div v-for="(cc,index) in bbb">
  <p v-text="cc[index].num"></p>
</div>
0:
  none: "calibry"
  des: "Silver"
  num: "numty"
<div v-for="(cc,index) in bbb" :key="index">
  <p v-text="cc.num"></p>
</div>
<div v-for="(cc,key,index) in bbb" :key="index">
  <p v-text="bbb[key].num"></p>
</div>