一、先说一下我报错的代码:
const tableData = reactive([ ]) //表格数据
const res = [1,2,3] //假设是接口返回的数据
const load = () => {
tableData = res
}
二、解决方法:
可以赋值,但是不是响应式;如果是响应式可以这样做:
-
(解决方法一)const load = () = > {
res.forEach((item)=>{
tableData.push(item)
})
}文章来源地址https://www.toymoban.com/news/detail-425237.html
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文章来源:https://www.toymoban.com/news/detail-425237.html
}
到了这里,关于vue3 数组如何赋值的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!