首页IT科技vue往数组里添加数据(vue3 数组如何赋值)

vue往数组里添加数据(vue3 数组如何赋值)

时间2025-04-30 06:50:51分类IT科技浏览3908
导读:一、先说一下我报错的代码:...

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

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

}

创心域SEO版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!

展开全文READ MORE
谷歌关键词排名查询系统(谷歌关键词排名查询-提升网站曝光率的有效方法) 小旋风cms(小旋风站群爬虫:提升网站流量的得力助手)