vue3.0 reactive([]) forEach循環無效的問題

1、setup 中，定義數組： const tableDataList = reactive([]);

forEach 循環報錯，

 

 

2、解決辦法： const tableDataList = reactive([]); 修改為：const tableDataList = reactive({list:[]});

 

 table：

 

 

 

const tableDataList = reactive({list:[]});const srcList = ref([]);
function getList(){
　　　　let data = Mock.mock({
　　　　//生成100條數據 數組
　　　　"data|11": [{
　　　　　　'id': '@increment', // id
　　　　　　'name': '@cname(3)', // 姓名
　　　　　　"gender|0-1": 0, // 性別
　　　　　　'birthday': '@datetime()', // 出生日期
　　　　　　'img': 'https://picsum.photos/200/200?random=c786fD1D-f51F-f4ef-bC25-E356dC223F1e', //隨機圖片
　　　　　　"status|0-5": 0, // 會員狀態
　　　　}]
　　})
　　tableDataList.list = data.data;
　　tableDataList.list.forEach((item: { img: any; }, index: any) => {
　　　　srcList.value.push(item.img as never); 　　});
}
getList();//頁面加載執行