微信小程式事件小結

2021-09-24 04:49:34 字數 716 閱讀 3756

1、事件繫結bindtap

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

// 開啟url鏈結


golink: function(event) )  


},


},"currenttarget":  


},"detail": ,


"touches":,


"changedtouches":


}
2、開啟外鏈

最後一條語句是跳轉到 /pages/webview/outchain  ，直接看outchain.js**。

page(,


onload: function(options) );}}


})
很簡單的**，從onload方法裡的options中獲取入參，然後解碼直接設定webviewsrc。outchain.wxml的**如下：
直接使用web-view 元件就可以開啟外鏈了。其中有2個需要注意點：

從其他元件傳入的引數是通過options獲取。

微信小程式 事件

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

微信小程式tips小結

js中處理完資料後，假設待傳引數為arr。要實現wxml中 的顯示，需要用setdata將js中的arr賦值給wxml中的arr。this.setdata 在引數所在的或 或或 或等，新增 data 分隔號後面是引數名稱，引數後面是要傳遞的值。如 time值會被儲存在event.currenttar...

關於微信小程式事件

1.繫結事件 格式 bind 事件名 方法名 例如 刪除 如何傳參 通常利用自定義屬性來傳參 說明 h5通常data 自定義屬性名來傳參 2.觸發邏輯操作 資料驅動操作如何同步到檢視？this.setdata 類似於react中的this.setstate 補充 只更新某一條資料，而不是整體覆蓋更新...