vue往数组里添加数据（vue3 数组如何赋值）

一   
    
    
    
、先说一下我报错的代码：

const tableData = reactive([ ]) //表格数据

const res = [1,2,3] //假设是接口返回的数据

const load = () => {

        tableData = res

 }

二


     


     


     


     、解决方法：

可以赋值    
    
    
    
，但是不是响应式；如果是响应式可以这样做：

(解决方法一）const load = () = > {

   res.forEach((item)=>{

   tableData.push(item)

   })

}

2.（解决方法二）

const tableData = reactive({

arr: [ ]

}) //表格数据

const res = [1,2,3] //假设是接口返回的数据

const load = () => {

tableData.arr = res

}

3.(解决方法三）

const tableData = ref([ ]) //表格数据

const res = [1,2,3] //假设是接口返回的数据

const load = () => {

tableData.value = res

}