vue v-for循环打印不出数组里的JSON 字符串 如:[{a:{'b':'1','c':'2'}}]
最近在开发vue项目中遇到一些处理数据的小问题,说大也不大说小也不小,反正一搞就是半天,后台问了半天就回了一句转化一下就行了,好吧踩坑吧....接下来百度一堆vue数组问题,没有找到一个类似的问题...硬着头皮找大牛资讯了一下,终于找到了解决方案:json.parse转化一下JSON.parse() 方法用于将一个 JSON 字符串转换为对象。把 {} 对象传化成数组 [{}]html:&
·
最近在开发vue项目中遇到一些处理数据的小问题,说大也不大说小也不小,反正一搞就是半天,后台问了半天就回了一句转化一下就行了,好吧踩坑吧....
接下来百度一堆vue数组问题,没有找到一个类似的问题...
硬着头皮找大牛资讯了一下,终于找到了解决方案:json.parse转化一下
JSON.parse() 方法用于将一个 JSON 字符串转换为对象。
把 {} 对象传化成数组 [{}]
html:
<router-link :to="{path:'/article',query: {id: list.typeJson.url}}" target="_blank" class="scroll-img-a" v-for="item in [toJson(list.typeJson)]">
<img :src="list.imgUrl" :alt="list.description" class="scroll-img-a-img">
<div class="text-descri">
<div class="trans"></div>
<p>{{item.url}}</p>//这里输出typeJson里的url
</div>
</router-link>
js:方法
methods:{
toJson:function(str){
var _str =JSON.parse(str);
console.log(_str);
return _str;
}
}
值得注意的是 调用toJson方法时要加上[],不然还是一个对象..
好了 问题解决 今晚恶补下json知识
更多推荐
已为社区贡献6条内容
所有评论(0)