眼眸繁星
2019-01-29 18:19:43
父組件引用了兩次子組件TitleOption現在只完成了一組傳值,我想在第二次調用的時候,傳另一組值進去,應該怎么實現呢?就是titlename1和bordercolor1的值,但是參數名應該是不用變的,但是,這里有點不太了解了...我只想到不同頁面調用組件的時候可以傳不同的值,但是同一個父組件調用多個相同的子組件就有點不知所措了。父組件:子組件:
1 回答

慕后森
TA貢獻1802條經驗 獲得超5個贊
<template>
<div>
<span v-for="(item,index) in items" :key="index">
<TitleOption v-bind:titlename="item.titlename" v-bind:bordercolor="item.bordercolor">
</TitleOption>
</span>
</div>
</template>
export default {
data() {
return {
items:[
{
titlename:'通道進門統計對比',
bordercolor:'#f14d68'
},
{
titlename:'adddsagasgas',
bordercolor:'#123456'
}
]
}
}
}
用v-for
試試
添加回答
舉報
0/150
提交
取消