位置: IT常识 - 正文
vue3 数组如何赋值(vue中使用数组)
编辑：rootadmin推荐整理分享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
}
上一篇：uniapp及uniCloud开发中经常会出现的问题汇总(uni-app开发教程)
下一篇：琼斯海滩的雪鸮，纽约长岛 (© Vicki Jauron/Getty Images)(琼斯的大海怪)
