亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

vue3 reactive 請求接口數(shù)據(jù)賦值后拿不到的問題及解決方案

 更新時間:2024年04月28日 10:29:28   作者:RosyClouds~  
這篇文章主要介紹了vue3 reactive 請求接口數(shù)據(jù)賦值后拿不到的問題及解決方案,本文通過實例代碼給大家介紹的非常詳細,需要的朋友可以參考下

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’}

![在這里插入圖片描述](https://img-blog.csdnimg.cn/direct/204f06b43de048829713fe7f4863197d.png

// *** 方法一 ***
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()

到此這篇關于vue3 reactive 請求接口數(shù)據(jù)賦值后拿不到的問題的文章就介紹到這了,更多相關vue3 reactive 賦值內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!

相關文章

  • vue實現(xiàn)橫向時間軸

    vue實現(xiàn)橫向時間軸

    這篇文章主要為大家詳細介紹了vue實現(xiàn)橫向時間軸,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-02-02
  • Vue中key為index和id的區(qū)別示例詳解

    Vue中key為index和id的區(qū)別示例詳解

    這篇文章主要介紹了Vue中key為index和id的區(qū)別詳解,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2023-06-06
  • vue3使用vue-router的完整步驟記錄

    vue3使用vue-router的完整步驟記錄

    Vue Router是Vue.js (opens new window)官方的路由管理器,它和 Vue.js 的核心深度集成,讓構(gòu)建單頁面應用變得易如反掌,這篇文章主要給大家介紹了關于vue3使用vue-router的相關資料,需要的朋友可以參考下
    2021-06-06
  • Antd中單個DatePicker限定時間輸入范圍操作

    Antd中單個DatePicker限定時間輸入范圍操作

    這篇文章主要介紹了Antd中單個DatePicker限定時間輸入范圍操作,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2020-10-10
  • 在Vue中實現(xiàn)文件預覽與打印的代碼示例

    在Vue中實現(xiàn)文件預覽與打印的代碼示例

    在Vue應用中,有時我們需要實現(xiàn)文件預覽和打印的功能,比如,我們可能需要預覽并打印PDF文件、圖片文件等,本文將介紹如何在Vue中實現(xiàn)文件預覽和打印的功能,并提供相應的代碼示例
    2023-06-06
  • vue3觸發(fā)父組件兩種寫法

    vue3觸發(fā)父組件兩種寫法

    這篇文章主要介紹了vue3觸發(fā)父組件兩種寫法,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2023-08-08
  • elementui?Select選擇器嵌套tree實現(xiàn)TreeSelect方式

    elementui?Select選擇器嵌套tree實現(xiàn)TreeSelect方式

    這篇文章主要介紹了elementui?Select選擇器嵌套tree實現(xiàn)TreeSelect方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
    2023-10-10
  • element-ui下拉菜單組件Dropdown的示例代碼

    element-ui下拉菜單組件Dropdown的示例代碼

    這篇文章主要介紹了element-ui下拉菜單組件Dropdown,本文詳細給大家介紹了我遇到的一個最大的坑,通過結(jié)合示例代碼給大家介紹的非常詳細,需要的朋友可以參考下
    2022-08-08
  • vue 中監(jiān)聽生命周期事件的操作方式

    vue 中監(jiān)聽生命周期事件的操作方式

    vue2 提供了一些生命周期事件的方式,在組件銷毀后觸發(fā)一個事件,父組件可監(jiān)聽到該事件,然后執(zhí)行某些操作,這篇文章主要介紹了vue 中監(jiān)聽生命周期事件的操作方式,需要的朋友可以參考下
    2024-06-06
  • Vue項目保持element組件同行,設置組件不自動換行問題

    Vue項目保持element組件同行,設置組件不自動換行問題

    這篇文章主要介紹了Vue項目保持element組件同行,設置組件不自動換行問題。具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2023-02-02

最新評論