vue v-for循环打印不出数组里的JSON 字符串 如：[{a:{'b':'1','c':'2'}}]

最近在开发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知识