循环遍历,怎样添加其他非文本内容
经历的少,竟然只知道,循环遍历中,数组中写的是文本,如果要添加图片,按钮,竟然慌了,细细一想,可能答案就在我自己的问题中。“如果。。。如果。。。”对吧?答案就在此,使用if
就解决了,键值对多添加一个内容就可以了,图片url,按钮btn
<v-card-text>
<v-expansion-panel>
<v-expansion-panel-content v-for="(item,i) in items" :key="i">
<div slot="header">{{item.title}}</div>
<v-card-text v-if="i == 0 || i == 2 || i == 3" class="grey lighten-3">
{{item.content}}
</v-card-text>
<v-img v-if="i == 1" :src="join">
</v-img>
<v-btn v-if="i == 4" color="red darken-1" flat>
update
</v-btn>
</v-expansion-panel-content>
</v-expansion-panel>
</v-card-text>
------------------------------------------------------
items: [
{ title: "Version", content: "0.3.1" },
{
title: "Join us",
content: "",
url: require("../assets/img/1.png")
},
{
title: "",
content:""
},
{ title: "Service agreement", content: "" },
{ title: "New version" }
]