vue3 数组如何赋值(vue中使用数组)

推荐整理分享vue3 数组如何赋值(vue中使用数组)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:vue给数组赋值,vue数组赋值为空不起作用,vue给数组赋值,vue数组直接赋值页面不渲染,vue3 数组赋值,vue数组赋值为空不起作用,vue数组赋值为空不起作用,vue给数组赋值,内容如对您有帮助，希望把文章链接给更多的朋友！

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

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

}