第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Vue如何將索引從v-for發(fā)送到方法

Vue如何將索引從v-for發(fā)送到方法

至尊寶的傳說 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>


查看完整回答
反對 回復(fù) 2023-09-28
?
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ù)的限制


查看完整回答
反對 回復(fù) 2023-09-28
?
慕哥6287543

TA貢獻1831條經(jīng)驗 獲得超10個贊

好的,所以我解決了這個問題,發(fā)生這種情況是因為我有一個 doctorImage 標(biāo)簽,并且文件輸入 id 也是 doctorImage 也在 v-for 語句內(nèi),這產(chǎn)生了多個相同的 id 并產(chǎn)生了沖突。



查看完整回答
反對 回復(fù) 2023-09-28
  • 3 回答
  • 0 關(guān)注
  • 154 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號