Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 对象值赢得';不显示_Javascript_Vue.js - Fatal编程技术网

Javascript 对象值赢得';不显示

Javascript 对象值赢得';不显示,javascript,vue.js,Javascript,Vue.js,我在《邮递员》里有这样的数据 "emails": "{\"1\": \"help@me.com\", \"2\": \"help2@help.com\", \"3\": \"please@helpme.com\"}", 所以我迭代了对象,但没有得到值。我做错了什么?我怎样才能只收到电子邮件 <span v-for="(i

我在《邮递员》里有这样的数据

"emails": "{\"1\": \"help@me.com\", \"2\": \"help2@help.com\", \"3\": \"please@helpme.com\"}",
所以我迭代了对象,但没有得到值。我做错了什么?我怎样才能只收到电子邮件

<span v-for="(item, key, index, value) in data.item.emails" :key="key">
              {{value}}
            </span>

{{value}}

格式为字符串格式。您应该使用
JSON.parse()
将其解析为对象,并使用
object.values()

newvue({
el:“#应用程序”,
数据:{
数据:{
项目:{
电子邮件:{\“3\:\”help@me.com\", \"104\": \"help2@help.com\", \"146\": \"please@helpme.com\"}"
}
}
}
})

{{item}}

我看起来像是在尝试JSON。。。或者JSON中的JSON…-一旦修复,肯定不会有项、键索引和值…Eww,双编码JSON。修复API(或告诉维护人员这样做)仅供参考,您不需要
Object.values()
。Vue的
v-for
可以很好地迭代对象,这样,您就不会丢失这些对象键(
3
104
146
,等等)@Phil您能解释一下为什么我们会丢失对象吗?我买不到,谢谢@ChauGiang
Object.values()
将对象值转换为数组并丢弃键是的,但你说使用Object.values我们可能会丢失键,为什么@Phil