vue中双重for循环怎么使用JSON.parse？

<div class="complieDetails_zhong_bran" v-for="(item,idx) in applicationData" :key='idx'>

<div v-for="(items,idx) in JSON.parse(item.media)" :key=idx>

//item.media这里后端返回的字符窜数组，在这里用JSON.parse为什么不可以啊。！！！！！！！
！！！！！！

{{items}}
<span v-if="items.type==1" class="baike_asset_img">
<viewer >
<img mode="aspectFill" class="baike_asset_imgItem_last" :src="item.url" />
</viewer>
</span>
<span v-else class="baike_asset_video">
<video :src="item.url" class="editaBrand_aptitude_list_item_video" controls='controls'></video>
</span>
</div>
</div>
</div>
</div>

举报该问题

推荐答案 2019-12-01

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="https://www.scxhdzs.com#/vue/2.2.2/vue.min.js"></script>
</head>
<body>
<div id="app">
<div id="" v-for="item in arr">
姓名: {{ item.name }} </br>
性别: {{ item.gender }} </br>
年龄: {{ item.age }} </br>
爱好如下:
<div id="" v-for="li in item.intersts">
{{ li }}
</div>
<span>---------------------------------</span>
</div>
</div>

<script type="text/javascript">
new Vue({
el:'#app',
data:{
arr:{
'item1':{
'name':'张三',
'gender':'男',
'age':30,
'intersts':['足球','篮球','乒乓球']
},
'item2':{
'name':'李四',
'gender':'女',
'age':10,
'intersts':['西瓜','葡萄','香蕉']
},
'item3':{
'name':'王五',
'gender':'中性',
'age':20,
'intersts':['人妖']
}
}
}
})
</script>
</body>
</html>

温馨提示：答案为网友推荐，仅供参考

当前网址：http://22.wendadaohang.com/zd/0X6hhTIf2fhfThhXCf.html

其他回答

第1个回答 2019-12-02

你需要在js部分对applicationData中的media进行JSON.parse
请采纳

第2个回答 2019-12-23

for循环为啥要json.parse呢， for循环的不是个数组么？

相似回答

vue中双重for循环怎么使用JSON.parse?答：姓名: {{ item.name }} 性别: {{ item.gender }} 年龄: {{ item.age }} 爱好如下: {{ li }} --- new Vue({ el:'#app',data:{ arr:{

vue 中如何在v-for 中传递对象item?答：该情况下，可以先对item的传值，使用JSON.strigify转为字符串，在使用时候，使用JSON.parse转为对象 handleChangePayee(value,option)"> {{item.payee}} &#...

大家正在搜

vue中循环为什么要使用key vue中foreach的用法 vue怎么渲染循环原理 vue for循环 vue循环select vue渲染页面for循环 vuefor循环二维数组遍历 vue数据循环放入table vue中循环模板的方法