对于数组循环调用,多个数组循环,而调用数组的字段时,如图
HTML 部分默认的写法,会调出 [object,object]
- <ul>
- <li v-for="item in items">{{item}}</li>
- </ul>
输出:
- [object Object]
- [object Object]
- [object Object]
- [object Object]
- [object Object]
- [object Object]
- [object Object]
- [object Object]
- [object Object]
- [object Object]
需要改为数组内字段名连接 item ,即可循环当前字段值。
例子,改为 word 连接,即循环出 word 的字段值
- <ul>
- <li v-for="item in items">{{item.word}}</li>
- </ul>
输出:
- 爱奇艺
- 阿里巴巴批发网
- 阿里巴巴
- acfun
- a站
- angelababy
- a直播
- 爱情保卫战
- 安全教育平台
- a4yy
参考资料:
https://segmentfault.com/q/1010000008656374
https://segmentfault.com/q/1010000007557081
https://segmentfault.com/q/1010000004176755
https://segmentfault.com/q/1010000010305605
http://www.cnblogs.com/zhoujx1066/p/6590925.html
http://www.jscss.cc/2016/10/23/vue-for.html