Vue.js vue中具有特定样式的对象数组
Vue.js vue中具有特定样式的对象数组,vue.js,Vue.js,newvue({ el:'附录1', 数据:{ 对象:[ { 对象:{ 标题:“C”, 作者:《丹尼斯》, 出版日期:1960年 } }, { 对象:{ 标题:“Vue”, 作者:“尚未找到”, 发布日期:“2010” } }]} }) {{index}} {{value}} newvue({ el:“#应用程序”, 数据:{ 对象:[{ 标题:“C”, 作者:《丹尼斯》, 出版日期:1960年 }, { 标题:“Vue”, 作者:“尚未找到”, 发布日期:“2010” } ] } })
newvue({
el:'附录1',
数据:{
对象:[
{
对象:{
标题:“C”,
作者:《丹尼斯》,
出版日期:1960年
}
},
{
对象:{
标题:“Vue”,
作者:“尚未找到”,
发布日期:“2010”
}
}]}
})
{{index}}
{{value}}
newvue({
el:“#应用程序”,
数据:{
对象:[{
标题:“C”,
作者:《丹尼斯》,
出版日期:1960年
},
{
标题:“Vue”,
作者:“尚未找到”,
发布日期:“2010”
}
]
}
})
/*忽略-隐藏代码段控制台*/
.作为控制台包装{
最大高度:0px!重要;
}
{{index+1}}
-
{{index+1}}。{{key}}={{value}
也许如此
<ul v-for="(object,index) in objects"
:key="index">
{{index +1}}
<li v-for="(prop, index) in object" :key="index">
{{prop.author}}
{{prop.title}}
{{prop.publishedAt}}
</li>
</ul>
{{index+1}}
-
{{prop.author}}
{{prop.title}}
{{prop.publishedAt}}
谢谢,我只是想澄清一下。我可以只在下级维护1,2,3吗?另一个问题:是否也可以将其显示为bullet?您需要更改dom,在上执行v-for,或者不使用,并使用索引创建您自己的数字您最常见的示例是v-for=“(值,键)in object.object”
我刚刚了解到您可以在object中执行v-for=“(值,键,索引)”操作
over indexOf就像我上次编辑的那样,它比prop好得多。如果在对象上循环,则不会定义authoretc