微信小程式開發學習 頁面事件和資料繫結

資料繫結

data: ,

hasuserinfo: 
false
, system:{},
item:[
],

}

},

資料的操作

我的資料如下：

page(,]}

})

1、新增

可以使用js的push，將要插入的資料插入，但是如果有向前如或者向後插入的話可以用js的concat()來實現

//

向前增加資料
add_before:function
()]; 
//使用concat()來把兩個數組合拼起來
this.data.wenzhang = newarray.concat(this
.data.wenzhang ); 
//將合拼之後的資料，傳送到檢視層，即渲染頁面
//大夥請記錄，修改了資料後，一定要再次執行`this.setdata()`，頁面才會渲染資料的。
this
.setdata(); }

向後插入資料

//

向後增加資料
add_after:function
()]; 
this
.setdata(); },

2、修改

在修改的時候，可以像上面那樣直接對資料修改，然後用setdata函式更新，也可以直接賦值，直接將要改變的值作為key語法報錯，因此就將要改變的值提前用變數替換，然後再賦值，資料改變，頁面也重新渲染。

collect: function

(e) ); }

3、刪除

刪除陣列的資料的時候就定位到元素，用splice函式刪除splice（資料的位置，刪除的個數），普通資料可以用直接賦值為空的方式進行刪除

showping:function

(e));
},

事件繫結

1、繫結事件

<

view 
id="taptest"
data-hi
="wechat"
bindtap
="tapname"
> click me! 
view
>

page(

})

2、事件詳解

單擊 touchstart → touchend → tap 

雙擊 touchstart → touchend → tap → touchstart → touchend → tap 

長按 touchstart → longtap → touchend → tap

但是這些事件都是冒泡事件，如果需要取消冒泡的話，可以採用capture-bind、capture-catch關鍵字，後者將中斷捕獲階段和取消冒泡階段。官方使用**如下：

//只觸發handletap2

<

view 
id="outer"
bind:touchstart
="handletap1"
capture-catch:touchstart
="handletap2"
>
outer view
<
view 
id="inner"
bind:touchstart
="handletap3"
capture-bind:touchstart
="handletap4"
>
inner view
view
>
view
> 
//先後呼叫handletap2、handletap4、handletap3、handletap1

outer view
inner view
view>
view>

微信小程式 事件

事件繫結 事件繫結的寫法同元件的屬性，以 key value 的形式。key 以bind或catch開頭，然後跟上事件的型別，如bindtap,catchtouchstart value 是乙個字串，需要在對應的 page 中定義同名的函式。不然當觸發事件的時候會報錯。bind事件繫結不會阻止冒泡事...

微信小程式開發

一 開發準備 二 開發工具的使用 編碼目錄結構 1 wxml的功能 資料繫結 資料繫結使用 mustache 語法 雙大括號 將變數包起來。列表渲染 wx for 在元件上使用 wx for 控制屬性繫結乙個陣列，即可使用陣列中各項的資料重複渲染該元件。block wx for 類似 block w...

微信小程式事件小結

1 事件繫結bindtap 如上，給增加了乙個golink的方法，那如何獲取事件的入參？先將需要傳遞的引數通過data 形式寫在元素上，上面 golink 要傳遞linkeurl，直接在image元素上新增data linke url直接看golink方法 開啟url鏈結 golink functi...