動態(tài)渲染數(shù)據(jù)通過class獲取元素不能遍歷問題

根據(jù)后臺返回的數(shù)據(jù)反顯到頁面上（商品編輯功能），數(shù)據(jù)是一個(gè)數(shù)組，需要循環(huán)渲染（但里面再套數(shù)組），其中循環(huán)渲染的內(nèi)部還包括從外部引用的組件。由于是根據(jù)數(shù)據(jù)動態(tài)渲染元素，這個(gè)組件不能使用ref獲取，于是改為使用class獲取該子組件元素，然后再循環(huán)對其頁面中元素進(jìn)行賦值達(dá)到反顯數(shù)據(jù)。
但是現(xiàn)在問題是可以獲取循環(huán)后的子組件元素列表（集合list），但是不能遍歷，也就是 console.log(document.getElementsByClassName('plaCate')[0])卻為undefined，如下圖，遍歷終止了，不能遍歷出元素。。。求指教~~