微信小程式 給陣列的每個物件新增動畫(資料驅動)

2022-06-22 19:36:11 字數 666 閱讀 2369

思路:用資料驅動事件,用陣列的方式去對迴圈陣列的每個物件進行操作

js**:

data:, , , ] }, , , , ] }, , , , ] }, , , , , ]}],

rotateanimation:, //箭頭旋轉動畫

animationoff:[false,false,false,false] //控制篩選內容的顯示開關

給每個人陣列新增新屬性:(checked:false)

onload:function (options) = this.data;

selectcategory.foreach(x=>)

})this.setdata()

},動畫方法:

//箭頭動畫

makeanimate(e)=e.currenttarget.dataset;

let =this.data;

let animation=wx.createanimation()

if (animationoff[index])else

rotateanimation[index] = animation.export();

animationoff[index] = !animationoff[index];

this.setdata()

}//wxml**}}

微信小程式 陣列動態新增方式

page onload function 這個會覆蓋原有的資料 序號 文字 覆蓋之前的資料 寫法一 const temparr datalist.foreach function item,index text item.text that.setdata temparr 這個會覆蓋原有的資料 序號...

微信小程式data陣列賦值

方法一 let array page onshow function obj.month dayarr i month obj.day dayarr i day array.push obj this setdata 第二種es6寫法 page addpeople onshow function o...

微信小程式 陣列操作

page 向前插入資料 要增加的陣列 var newarray 使用concat 來把兩個數組合拼起來 this.data.list newarray.concat this data.list 將合拼之後的資料,傳送到檢視層,即渲染頁面 大夥請記錄,修改了資料後,一定要再次執行 this.setd...