vue 響應式修改資料(物件 陣列)及難點(坑)

2021-09-02 02:27:26 字數 442 閱讀 7989

今天做東西感覺真慢,不過全程都在思考,也值了。。。。。。。。。。。。

其中遇到乙個問題是這樣,直接上**:

}

data(){

return{

listboolea: [false,false,false]

open(e,num) {

let sortnum = e.target.getattribute("data-num");

this.listboolea[sortnum - 1] = !this.listboolea[sortnum - 1];

console.log(this.listboolea);

控制台列印跟操作一模一樣,但是檢視卻沒有更新,搞半天才找出原因。。。。。。。

結果就使用了一下搜尋引擎。鏈結如下:

在這裡記錄一下

Vue 修改陣列物件的方法

vue根據index,直接修改陣列是無法做到動態渲染的,以下兩種方法可以動態修改陣列中資料的渲染 1 splice方式,具體參考splice方法 let xaxis let newxaxisitem newxaxisitem.isascending true this.xaxis.splice 0,...

vue響應式物件

在vue中與檢視中繫結的資料,其資料的變化會驅動檢視的更新,這是因為vue是響應式 那麼有沒有那麼一種情況資料的變化檢視沒有變化呢?答案肯定是有的,例如物件的屬性變化vue並不能監聽到,因此資料的變化並不能驅動檢視更新 vue也提供了 set方法來更新物件屬性值的變化,但是也會有奇怪的現象比如 te...

VUE陣列響應式

例如 let array 1,2,3,4,5 array.foreach c,index function definereactive obj,key,val set newval 我們可以遍歷陣列,用陣列的索引作為 key,來給每一項打上getter setter。原因 如果你知道陣列的長度,理...