至尊寶的傳說
2023-09-28 09:37:08
我正在嘗試傳遞 v-for 的索引,以便我可以更改一些值,我正在動態(tài)添加醫(yī)生團隊成員,并且我有此文件輸入來添加他們的圖像,盡管當(dāng)我添加醫(yī)生時它只會更改第一個一個圖像,因為它總是發(fā)送第一位醫(yī)生的索引,如果有幫助的話,文件輸入位于 v-for 循環(huán)內(nèi)。<v-file-input hide-input class="d-none" id="doctorImage" truncate-length="1" @change="doctorImage($event, index, doctor)"></v-file-input>方法:doctorImage(e, index, doctor) { console.log(index) this.doctors[index] = { image: URL.createObjectURL(e), imageData: e, name: doctor.name, specialty: doctor.specialty } this.doctorChange += 1 }索引始終為0,盡管當(dāng)我在醫(yī)生卡上動態(tài)創(chuàng)建索引時它顯示索引號,為什么會發(fā)生這種情況?
3 回答

ABOUTYOU
TA貢獻1812條經(jīng)驗 獲得超5個贊
請參閱使用 v-for進行列表渲染。
<div?...?v-for="(doctor,?index)?in?doctors"?...?> ??{{?index?}}?//?you?can?use?index ??... </div>

largeQ
TA貢獻2039條經(jīng)驗 獲得超8個贊
我用極限迭代。示例 如果數(shù)據(jù)是:
{
limit: 3,
currentIndex: 2,
listData:[{name:'Data1'},{name:'Data2'},{name:'Data3'},{name:'Data4'},{name:'Data5'}]
}
在 .vue 文件中,如下所示
<span v-for="index in limit" v-bind:key="index">
{{listData[index+currentIndex].name}}
</span>
我確保您控制總索引 + currentIndex不超過數(shù)據(jù)的限制

慕哥6287543
TA貢獻1831條經(jīng)驗 獲得超10個贊
好的,所以我解決了這個問題,發(fā)生這種情況是因為我有一個 doctorImage 標(biāo)簽,并且文件輸入 id 也是 doctorImage 也在 v-for 語句內(nèi),這產(chǎn)生了多個相同的 id 并產(chǎn)生了沖突。
添加回答
舉報
0/150
提交
取消