最近在開發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知識