2 回答

TA貢獻1817條經驗 獲得超6個贊
關于您是嘗試更改完整圖標,還是只是嘗試更改顏色以將步驟顯示為已完成,問題尚不清楚。
無論哪種方式,完成都是一個道具,所以你必須將它作為:complete......
<v-stepper-header>
<template v-for="n in steps">
<v-stepper-step :key="`${n}-step`" :complete="completed" :step="n" :editable="editable" >
Week {{ n }}
</v-stepper-step>
<v-divider v-if="n !== steps" :key="n"></v-divider>
</template>
</v-stepper-header>
演示:https ://codeply.com/p/kNjSEzu15W

TA貢獻1818條經驗 獲得超8個贊
in vutify的問題<v-stepper>在于,<v-divider>必須是同級而不是每個單獨步驟的子級,因此在這種情況下,您需要使用該元素通過為每次迭代打印2 個或更多同級<template>來循環遍歷項目列表,并且這里要注意的最重要的一點是,當您將其用于任何指令時,所有作為兄弟姐妹的孩子必須具有相同的綁定屬性但值不同<template>:keyv-for
<v-stepper v-if="studyReportsList.length > 1">
<v-stepper-header>
<template v-for="(item, key) in studyReportsList">
<!-- all siblings must have the same :key or v-bind:key-->
<v-stepper-step :key="key+1" :step="key+1" editable>
{{ item.name }}
</v-stepper-step>
<v-divider v-if="key !== studyReportsList.length - 1" :key="key"></v-divider>
</template>
</v-stepper-header>
</v-stepper>
添加回答
舉報