vue3数组元素发生变化重新赋予下标

场景：vue3中某个数组针对于下标去删除，删除后要及时更新各数据元素的下标，保证再次进行删除时，按正确的下标进行删除。

   tableData.value.forEach((td,index)=>{
                td.index=index
            })

tabledata是要展示的数据，根据下标进行数据删除，删除一个就要进行数据下标的重新赋值，从此使数组变为实时数据更新，完整代码示例：

  //删除规格
        function deleteAtt(index: any) {
            tableData.value.splice(index.index, 1)
            tableData.value.forEach((td,index)=>{
                td.index=index
            })
            // tableData.value=tableData.value
            console.log(tableData,'0000',index,tableData.value.length);
            
            
        }