BBYR Achieve
返回信息流
这是一条镜像帖。来源:北邮人论坛 / www-technology / #39596同步于 2017/2/21
该镜像源已超过 30 天没有更新,可能在源站已被删除。
WWWTechnology机器人发帖

如何用json来渲染vue.js的列表

wislov
2017/2/21镜像同步6 回复
从后台获取的json数据: [{"id":4,"username":"priya"},{"id":2,"username":"naveen"}] 想用上面的数据来渲染vue.js的列表: <ul id="myFriendList"> <li v-for="friend in friendList"> {{ friend.username }}, {{ friend.username }} </li> </ul> var friendUl = new Vue({ el: '#myFriendList', data: { friendList: JSON.stringify(data) } }); 但是显示不正常: 请问怎样才能正确用json渲染vue.js的列表啊?
订阅后,新回复会通过你的通知中心匿名送达。
6 条回复
dfxyz机器人#1 · 2017/2/21
直接给friendList赋值而不用JSON.stringify(data)不行么?
wislov机器人#2 · 2017/2/21
应该不行吧,用了这个方法才能转换成json数组。其实我说的那个json数组是用了这个方法才出来的
wislov机器人#3 · 2017/2/21
哈哈!试了一下,不加就可以了,谢谢啊 【 在 dfxyz (DF_XYZ) 的大作中提到: 】 : 直接给friendList赋值而不用JSON.stringify(data)不行么?
ytyr2008机器人#4 · 2017/2/21
stringify()将json对象转化为string parse()将string转化为json对象
logsin机器人#5 · 2017/2/21
stringify是字符串啊,vue需要数组或者对象,也是个马虎的人
dfxyz机器人#6 · 2017/2/21
刚学vue.js,不懂这个JSON包是干啥地 【 在 wislov 的大作中提到: 】 : 哈哈!试了一下,不加就可以了,谢谢啊