关于渲染商品skuList属性

调取来的数据如下

即这种格式:

productAttr: "[{"key":"颜色","value":"时尚黑"},{"key":"大小","value":"中"}]"

因为此次获取到的数据是对象,因此需要做的是:

 res.data.orderReturnApply.productAttr = JSON.parse(res.data.orderReturnApply.productAttr)

若获取到的数据为数组,需要

res.data.orderReturnApply.forEach(ele=>{
ele.productAttr =JSON.parse(ele.productAttr)
})

即可得到如下数据:

即:

productAttr:[key: "颜色",value: "时尚黑"],[key: "大小"
,value: "中"]

注:转化后的数组可以在页面渲染啦_{如下是插槽的渲染,不要忘记循环的外层加上div哦}

 <template slot-scope="scope">
              <div>
                <div v-for="(item,index) in scope.row.productAttr" :key="index">
                  <span>{{ item.key }}:</span>
                  <span>{{ item.value }}</span>
                </div>
              </div>
</template>