首頁 > 微信小程式 > 小程式開發 > 微信小程式怎麼點擊傳值

微信小程式怎麼點擊傳值

angryTom
發布: 2020-03-23 12:15:03
原創
3913 人瀏覽過

微信小程式怎麼點擊傳值

微信小程式怎麼點選傳值   

微信小程式點選傳值的方法:

1、首先在wxml中使用data-來新增自訂屬性;

2、然後透過bindtap來綁定點擊事件;

3、最後在js中用currentTarget來取得傳遞的值即可。

推薦學習:小程式開發

程式碼範例:

#wxml:

##data-參數名="值"

bindtap="函數名稱"

<view class="buy-button {{cap_select == 100 ? &#39;zp-active&#39;: &#39;&#39;}}" data-cap="100" bindtap="choose_cap">
  <text>100ML \n (2两)</text>
</view>
登入後複製

JS:

choose_cap(e) {
  // 通过 currentTarget 获取传递进来的值
  console.log(e.currentTarget.dataset.cap);
  console.log(e);
},
登入後複製

PHP中文網,大量

網站建置教學課程,歡迎學習!

以上是微信小程式怎麼點擊傳值的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板