CnodeJS-Vue 遇到的问题

<span>{{index+1}}楼•{{reply.create_at.substr(0,10)}}</span>
另一个组件中同样使用的{{item.create_at.substr(0,10)}}没有问题,这里会报错,但是页面内容显示正常。

vue.esm.js?65d7:479 [Vue warn]: Error in render function: "TypeError: Cannot read property 'substr' of undefined"

found in

---> <ArticleComp> at /Users/yzy/CODE/CnodeJS-Vue/src/components/articleComp.vue
       <App> at /Users/yzy/CODE/CnodeJS-Vue/src/App.vue
         <Root>
vue.esm.js?65d7:566 TypeError: Cannot read property 'substr' of undefined
    at Proxy.render (articleComp.vue?9c74:25)
    at VueComponent.Vue._render (vue.esm.js?65d7:4128)
    at VueComponent.updateComponent (vue.esm.js?65d7:2538)
    at Watcher.get (vue.esm.js?65d7:2881)
    at new Watcher (vue.esm.js?65d7:2870)
    at mountComponent (vue.esm.js?65d7:2542)
    at VueComponent.Vue$3.$mount (vue.esm.js?65d7:7863)
    at VueComponent.Vue$3.$mount (vue.esm.js?65d7:10066)
    at init (vue.esm.js?65d7:3501)
    at createComponent (vue.esm.js?65d7:5147)

v-for 的index 使用

v-for遍历数组时的参数顺序 变更

当包含 index时,之前遍历数组时的参数顺序是 (index, value)。现在是 (value, index),来和 JavaScript 的原生数组方法(例如 forEach和 map)保持一致。

 <div class="cell" v-for='(reply,index) in article.replies'>
   <span>{{index+1}}楼•{{reply.create_at.substr(0,10)}}</span>
</div>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Lua 5.1 参考手册 by Roberto Ierusalimschy, Luiz Henrique de F...
    苏黎九歌阅读 13,967评论 0 38
  • 背景 一年多以前我在知乎上答了有关LeetCode的问题, 分享了一些自己做题目的经验。 张土汪:刷leetcod...
    土汪阅读 12,789评论 0 33
  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 3,275评论 0 4
  • 飞跃当兵去了 艺超在顺义 鑫杰依旧在大兴 开学后我就要去了海淀 这就变为了新的开始 昨天晚上哥几个坐在一起大口吃肉...
    可爱的_柚子阅读 345评论 0 0
  • 成都对于我来说是一个即熟悉又陌生的城市,从儿时算起可能来过数十次,最近每年要来几次,但每次时间都很短,总是匆...
    梧桐重庆阅读 405评论 0 0