vue3 reactive 請求接口數(shù)據(jù)賦值后拿不到的問題及解決方案
更新時(shí)間：2024年04月28日 10:29:28 作者：RosyClouds~
這篇文章主要介紹了vue3 reactive 請求接口數(shù)據(jù)賦值后拿不到的問題及解決方案,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下
1、接口數(shù)據(jù)類型為：[{},{},{}]
// *** 方法一 ***
let list: any = reactive([])
async function getData() {
const res = await tabsApi({ type: 1 })
console.log(res.data) // [{},{},{}]
list.push(...res.data)
}
getData()// *** 方法二 ***
let list: any = reactive({
listData:[]
})
async function getData() {
const res = await tabsApi({ type: 1 })
console.log(res.data) // [{},{},{}]
list.listData = res.data
}
getData()2、接口類型為：{title:‘lll’,bgList:‘www’}
// *** 方法一 ***
let totle = reactive({
titles:{}
})
async function getData() {
const res = await dashboardApi()
totle.titles = res.data.titles
}
getData()// *** 方法二 ***
let totle = reactive({})
async function getData() {
const res = await dashboardApi()
totle = Object.assign({},res.data.titles)
}
getData()到此這篇關(guān)于vue3 reactive 請求接口數(shù)據(jù)賦值后拿不到的問題的文章就介紹到這了,更多相關(guān)vue3 reactive 賦值內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)橫向時(shí)間軸，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-02-02
這篇文章主要介紹了Vue中key為index和id的區(qū)別詳解,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-06-06
Vue Router是Vue.js (opens new window)官方的路由管理器,它和 Vue.js 的核心深度集成,讓構(gòu)建單頁面應(yīng)用變得易如反掌,這篇文章主要給大家介紹了關(guān)于vue3使用vue-router的相關(guān)資料,需要的朋友可以參考下2021-06-06
Antd中單個DatePicker限定時(shí)間輸入范圍操作
這篇文章主要介紹了Antd中單個DatePicker限定時(shí)間輸入范圍操作，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-10-10
在Vue中實(shí)現(xiàn)文件預(yù)覽與打印的代碼示例
在Vue應(yīng)用中，有時(shí)我們需要實(shí)現(xiàn)文件預(yù)覽和打印的功能，比如，我們可能需要預(yù)覽并打印PDF文件、圖片文件等，本文將介紹如何在Vue中實(shí)現(xiàn)文件預(yù)覽和打印的功能，并提供相應(yīng)的代碼示例2023-06-06
這篇文章主要介紹了vue3觸發(fā)父組件兩種寫法,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-08-08
elementui?Select選擇器嵌套tree實(shí)現(xiàn)TreeSelect方式
這篇文章主要介紹了elementui?Select選擇器嵌套tree實(shí)現(xiàn)TreeSelect方式,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
這篇文章主要介紹了element-ui下拉菜單組件Dropdown,本文詳細(xì)給大家介紹了我遇到的一個最大的坑，通過結(jié)合示例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下2022-08-08
vue2 提供了一些生命周期事件的方式,在組件銷毀后觸發(fā)一個事件,父組件可監(jiān)聽到該事件,然后執(zhí)行某些操作,這篇文章主要介紹了vue 中監(jiān)聽生命周期事件的操作方式,需要的朋友可以參考下2024-06-06
Vue項(xiàng)目保持element組件同行,設(shè)置組件不自動換行問題
這篇文章主要介紹了Vue項(xiàng)目保持element組件同行,設(shè)置組件不自動換行問題。具有很好的參考價(jià)值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-02-02