vue定時請求改變單頁資料的記憶體位址問題

2021-09-29 19:49:16 字數 790 閱讀 2602

我們需要做乙個資料列表頁面,需要讓他每8秒進行一次更新

1、直接寫定時任務,賦值給list(列表資料儲存的物件),會直接破壞vue物件(其實是記憶體位址被破壞)

2、我們可以直接列印檢視(注意看最後第二個列印有__ob__:observer)

我們直接 this.list=response會破壞vue物件其實說白了就是破壞了記憶體的位址(此位址非彼位址)

出現的問題就是資料不能雙向繫結(位址都不一樣了肯定就不能雙向繫結了)

上圖,我們通過除錯工具發現改變了data裡面的值,檢視層的值是不會改變的,其實就是破壞了記憶體位址

如何解決

object.assign(&result, value) 這樣會比較好理解吧,保留記憶體位址

**這麼寫

我們接著上面業務場景1加上:我們需要做乙個資料列表頁面,需要讓他每8秒進行一次更新(還帶條件搜尋)

Vue單頁應用中的同步ajax請求

傳統的後台管理系統有很多功能模組,需要寫很多網頁。我們可以使用vue,通過vue的路由和元件功能,只寫乙個頁面就可以完成乙個管理系統。1.需要引入的依賴 import axios from axios 2.可以對axios做一些配置 axios.defaults.baseurl 設定axios的基礎...

mysql查詢特定時間段內的資料

建表語句 set foreign key checks 0 table structure for t user drop table if exists t user create table t user userid bigint 20 not null,fullname varchar 64...

vue對請求的資料的二次處理

在api.js中暴露出該介面函式 獲取熱門歌手 export const gethotsinger p post top artists p 在元件中匯入 import from request api.js 定義獲取資料的函式 async getsingerlist console.log sin...