arrays - Vue 2 - 如何从对象内部的数组中获取属性
问题描述
我正在尝试time
从TimeMode
名为girlsList
<template>
<div>
<p>The time property is not displayed</p>
<ul>
<li v-for="(item, index) in girlsList.TimeMode" :key="index">
{{ item.time }}
</li>
</ul>
</div>
</template>
<script>
export default {
name: "HelloWorld",
data() {
return {
girlsList: [
{
avatarSrc: "https://i.ibb.co/G0nLSQ8/Girl-1.png",
girlName: "Milena Williams",
girlTime: "12:00 - 16:00 PM",
TypeTime: "Cosplay",
TimeMode: [
{
time: 60,
},
],
},
{
avatarSrc: "https://i.ibb.co/qJB12x6/Girl-2.png",
girlName: "Milena Williams",
girlTime: "12:00 - 16:00 PM",
TypeTime: "Cosplay1",
TimeMode: [
{
time: 60,
},
],
},
],
};
},
};
</script>
解决方案
<ul v-for="(i, index) in girlsList" :key="index">
<li v-for="(item, index) in i.TimeMode" :key="index">
{{ item.time }}
</li>
</ul>
推荐阅读
- c++ - 具有不同结构的模板地图的设计问题
- sql - 我正在制作一个包含类别和子类别的 SQL 数据库。链接这些表的最佳方法是什么?
- python - 如何根据给定时间绘制数据?
- rxjs - 如何合并两个观察的结果(不同类型)
- java - Java Jolt bazaarvoice 嵌套数组
- php - 无法加载请求的类:服务器中的 M_pdf (centos)
- amazon-web-services - 无法使用带空格的 Cognito 密码,也不清楚错误
- android - Okhttp3 令牌随每个请求更改
- javascript - 为什么在 nuxtServerInit 提交后我的 Vuex 状态没有改变?
- android - 折线在 Google Maps Android 中未顺利追踪