微信小程式點選事件傳遞引數的方法

阿新 • • 發佈：2018-11-13

小程式在元件上繫結事件後，傳遞引數的方式不同於前端開發其他場景中直接加引數的方式，小程式在引數的傳遞時，採用事件物件的自定義屬性的方式，具體實現如下：

wxml:

<view bindtap="passQuery" data-index="1">點選事件傳參</view>

js中：

passQuery: function(e){
    // 傳遞的引數
    let query = e.currentTarget.dataset['index'];
}

利用自定義屬性即可完成事件的引數傳遞。文完結。

微信小程式點選事件傳遞引數的方法

小程式在元件上繫結事件後，傳遞引數的方式不同於前端開發其他場景中直接加引數的方式，小程式在引數的傳遞時，採用事件物件的自定義屬性的方式，具體實現如下： wxml: <view bindtap="passQuery" data-index="1">點選事件傳參</view&g

微信小程式點選事件和長按事件

<button bindtouchstart="handleTouchStart" bindtouchend="handleTouchEnd" bindlongpress="handleLo

微信小程式點選圖片放大預覽

微信小程式點選圖片放大預覽使用到 wx.previewImage 介面，可以放大、上/下一張上程式碼 wxml程式碼 <view class='content-img' wx:if="{{images}}" > <view wx:for="{{i

微信小程式——點選商品分類跳轉到該商品的商品詳情頁面（已實現）

首先，我不得不感慨下，慕課網上“7七月”老師的課真的很強大，此處放連結https://coding.imooc.com/learn/list/75.html。我只是學習到了一半就開

微信小程式點選多次navigator跳轉無反應

今天在弄微信小程式的時候使用到navigator元件實現跳轉出現了一個問題就是我點選我設定的button然後用navigator巢狀進去，當沒點選一次button就可以跳轉到相應的介面，當我重複四次的時候問題出現了，不管我怎麼點選也不會跳轉，最後還是通過百度找到了解決方案。【程式碼展示】

微信小程式點選切換圖片、收藏功能的實現！

微信小程式圖片點選切換和收藏功能是非常常用的！有更好寫法的請留言，喜歡小程式和web前端開發的請加我微信Angelo_Sifan效果圖如下1 <image catchtap='onCollectionTap' wx:if="{{collected}}" src="/

[微信小程式]點選切換卡片動畫效果

有問題可以掃碼加我微信，有償解決問題。承接小程式開發。微信小程式開發交流qq群 173683895 、 526474645 ；正文：先上效果圖, GIF:  <!-- 單身

微信小程式點選switchTab不重新整理

當switchTab點選過的時候，只有第一次載入資料，第二次點選的時候是不重新整理資料的，這個時候只要在需要每次點選都重新整理資料的switchTab頁的js里加上onShow的方法即可 onShow:function(e){ this.onLoad(); }

微信小程式點選圖片全屏

　　作為一個只懂簡單HTML，jQuery，JS的web後臺開發者，最近在學習小程式開發，現在將小程式的點選全屏功能的相關內容記錄下來。如果有不對的地方或者有更簡單的方法，請留言指教 0_0~ 　　.js 檔案　　　data: {　　　　　　one:"block",

微信小程式點選高亮顯示

第一種方法： cursor: pointer; 第二種方法：可以用 navigator 標籤進行包裹，就會預設有點選高亮效果；去除預設點選高亮在標籤內加入 hover-class="none

微信小程式點選tabBar重新整理頁面

微信小程式點選導航欄選單tabBar第一次的時候頁面內容會重新整理，那是因為呼叫了onLoad函式，但是點選其他選單頁再次返回第一點選的頁面，頁面無重新整理，我的解決方法就是呼叫onShow函式：

微信小程式點選切換樣式的功能實現

普通的web開發可以通過JavaScript獲取HTML的Dom結構，但是小程式不可以，小程式實現此功能的方式：資料繫結+data- 去更改標籤類名。step 1 給選定的標誌 {{}} & data-num此處只綁定了一個類名，也可以繫結N個類名。class='class1 class2 {{num

微信小程式點選移除新增class（點選改變背景顏色和字型顏色）

微信小程式不允許DOM操作，所以不能用addClass這種方法，我的用法如下。點選元素後，獲取元素中data-select值，賦值給catalogSelect，然後判斷二者是否相等，一樣則新增class（class的css可以先寫好）。

微信小程式點選生成朋友圈分享圖

//share.jsPage({ data: { imagePath: "/images/shareimg_bg.jpg", imageTx: "http://img0.imgtn.bdimg.com/it/u=1079555585,1801783759&fm=27&gp=0.j

微信小程式 —— 路由跳轉傳遞引數

navigateTo, redirectTo 只能開啟非 tabBar 頁面。 switchTab 只能開啟 tabBar 頁面。 reLaunch 可以開啟任意頁面。頁面底部的 tabBar 由頁面決定，即只要是定義為 t

微信小程式頁面跳轉傳遞引數（實體，物件）

我們要傳遞的實體是object型別 queryItemClick: function (e) { var that = this //拿到點選的index下標 var index = e.currentTarget.dataset.index //將物件轉為st

微信小程式中點選View中任何位置都可以觸發相應事件的解決辦法

直接在這個View 裡新增事件函式，比如： <block wx:for="{{celldata}}" wx:for-item="celldata"> <view cl

微信小程式單選框自定義賦值

這裡我們應用之前一篇寫過的彈框效果，哈哈哈，是不是很萬精油；單選框我們運用偽元素自定義，不使用圖片，這個例子可以運用到很多情況；知識點： 1、理解wx:if作用 2、理解三元運算子的使用 3、利用偽元素after/before自定義內容 4、定時器setTimeout的使用照例

微信小程式(3)函式呼叫，引數傳遞

<view class="m-view-cell" bindtap="bindStatus" data-type="全部">全部</view> <view class="m-view-cell" bindtap="bindStatus" data-type="待受理

微信小程式-頁面間值傳遞的2種方法

一：url帶引數傳遞與前端語言一樣，小程式頁面間的傳遞可以通過在路由url後接引數，路由的同時會將引數一併傳遞到新的頁面。 index.wxml:  <view c

微信小程式點選事件傳遞引數的方法

相關推薦