鍍金池/ 問答/HTML/ VUE 中子組件是動(dòng)態(tài)遍歷產(chǎn)生,子組件的屬性與父中data中的數(shù)據(jù)綁定。這種情況

VUE 中子組件是動(dòng)態(tài)遍歷產(chǎn)生,子組件的屬性與父中data中的數(shù)據(jù)綁定。這種情況如何處理?

1.VUE 中子組件是動(dòng)態(tài)遍歷產(chǎn)生,子組件的屬性與父中data中的數(shù)據(jù)綁定。這種情況如何處理?

 <li v-for="ia in imgArray" :key="ia.id" :id="ia.id">
    <x-progress :percent="percent" :show-cancel="false" v-show="uploadingImgId==ia.id" :ref="ia.id+'Xp'" ></x-progress>
  </li>      
  

上面代碼中 每個(gè)子組件的:percent與父組件中data{}中數(shù)據(jù)如何才能做到每個(gè)生成的子組件綁定自己對(duì)應(yīng)的數(shù)據(jù)變量。

還是我的思路就錯(cuò)誤了,不應(yīng)該這樣處理問題?

回答
編輯回答
巴扎嘿
 <li v-for="ia in imgArray" :key="ia.id" :id="ia.id">
    <x-progress :percent="ia.percent" :show-cancel="false" v-show="uploadingImgId==ia.id" :ref="ia.id+'Xp'" ></x-progress>
  </li>

imgArray數(shù)字的每一項(xiàng)加一個(gè)percent來對(duì)應(yīng)啊

2018年8月6日 12:23
編輯回答
你好胸
 <li v-for="ia in imgArray">
    <x-progress :percent="ia.xxx" ></x-progress>
  </li>     
2017年3月29日 13:22