vue怎样截取展示数组数据?

<div v-for="(item, index) in cMList" :key=index>
  ……
  ……  <div v-for="(items, indexs) in item.list" :key=indexs>
    {{items.content}}  //我想只显示前三条数据 
  </div></div

上面这样可以输出所有的的数据 但是现在我只想让它输出前三条数据 我改成这样了
v-for="(items, indexs) in item.list.slice(0, 2)"
但是报错了 TypeError: Cannot read property 'slice' of undefined"
这是为什么?

cMList: [
  {    uid: 10001,    list: [
        {nickname: 'aaa', content: '666', time: '2019.2.12'},
        {nickname: 'aaa', content: '666', time: '2019.2.12'},
        {nickname: 'aaa', content: '666', time: '2019.2.12'},
        {nickname: 'aaa', content: '666', time: '2019.2.12'},
        {nickname: 'aaa', content: '666', time: '2019.2.12'},
        {nickname: 'aaa', content: '666', time: '2019.2.12'},
        {nickname: 'aaa', content: '666', time: '2019.2.12'}
    ]
  }
]


慕标5832272
浏览 2782回答 3
3回答

慕田峪9158850

是你写错了。。。<div&nbsp;v-for="(item,&nbsp;index)&nbsp;in&nbsp;cMList"&nbsp;:key="index">&nbsp;&nbsp;&nbsp;&nbsp;<div&nbsp;v-if="item.list"&nbsp;v-for="(items,&nbsp;indexs)&nbsp;in&nbsp;item.list.splice(0,&nbsp;3)"&nbsp;:key="indexs"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{items.content}}&nbsp;&nbsp;&nbsp;&nbsp;</div></div>

幕布斯6054654

还是不建议在模板里面写处理逻辑,拿到数据后,处理成三条,再输出就好了,这样逻辑更加清晰。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Vue.js