亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

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

Vue如何將索引從v-for發送到方法

Vue如何將索引從v-for發送到方法

至尊寶的傳說 2023-09-28 09:37:08
我正在嘗試傳遞 v-for 的索引,以便我可以更改一些值,我正在動態添加醫生團隊成員,并且我有此文件輸入來添加他們的圖像,盡管當我添加醫生時它只會更改第一個一個圖像,因為它總是發送第一位醫生的索引,如果有幫助的話,文件輸入位于 v-for 循環內。<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,盡管當我在醫生卡上動態創建索引時它顯示索引號,為什么會發生這種情況?
查看完整描述

3 回答

?
ABOUTYOU

TA貢獻1812條經驗 獲得超5個贊

請參閱使用 v-for進行列表渲染。

<div?...?v-for="(doctor,?index)?in?doctors"?...?>
??{{?index?}}?//?you?can?use?index
??...
</div>


查看完整回答
反對 回復 2023-09-28
?
largeQ

TA貢獻2039條經驗 獲得超8個贊

我用極限迭代。示例 如果數據是:


{

    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不超過數據的限制


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

TA貢獻1831條經驗 獲得超10個贊

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



查看完整回答
反對 回復 2023-09-28
  • 3 回答
  • 0 關注
  • 143 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號