微信小程序獲取無(wú)限量formId的方法

lauren_liuling 發(fā)布于2019-08-23 11:27 / 2039人閱讀

摘要：微信小程序獲取多個(gè)的方法解決小程序點(diǎn)擊一次，提交多個(gè)表單問(wèn)題利用點(diǎn)擊穿透的原理，直接上代碼吧代碼發(fā)布代碼代碼顯示頁(yè)面點(diǎn)擊按鈕后最終結(jié)果

1.微信小程序獲取多個(gè)formId的方法（解決小程序點(diǎn)擊一次，提交多個(gè)表單問(wèn)題）
利用點(diǎn)擊穿透的原理，直接上代碼吧

wxml代碼：

wxss代碼

form button{
  padding: 0;
}

form button::after{
  content: "";
  display: none;
}

.u-publish-btn{
  position: fixed;
  bottom: 50rpx;
  left: 50%;
  transform: translateX(-50%);
  width: 698rpx;
  line-height: 90rpx;
  border-radius: 4rpx;
  background: #1a1a1a;
  font-size: 38rpx;
  font-weight: bolder;
  color: #fff;
}

js代碼：

  formSubmit: function (e) {
    if (e.detail.formId != "the formId is a mock one") {
      this.setData({
        formIdString: e.detail.formId + "," + this.data.formIdString
      })
    }
    console.log(e.detail, this.data.formIdString)
  }

顯示頁(yè)面：

點(diǎn)擊按鈕后最終結(jié)果：

GPU云服務(wù)器云服務(wù)器微信小程序獲取js值微信小程序的功能微信小程序的開(kāi)發(fā) 免費(fèi)的微信小程序

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/96991.html

相關(guān)文章

微信小程序：模板消息推送實(shí)現(xiàn)

摘要：模板消息是基于微信的通知渠道，為開(kāi)發(fā)者提供了可以高效觸達(dá)用戶的模板消息能力，以便實(shí)現(xiàn)服務(wù)的閉環(huán)并提供更佳的體驗(yàn)。模板消息是基于微信的通知渠道，為開(kāi)發(fā)者提供了可以高效觸達(dá)用戶的模板消息能力，以便實(shí)現(xiàn)服務(wù)的閉環(huán)并提供更佳的體驗(yàn)。想推送模板消息，得滿足一些前提條件：用戶在小程序中完成支付后，小程序可以向用戶發(fā)送模板消息。用戶在小程序中有提交表單的行為，小程序可以向用戶發(fā)送模板消息。...

_ipo 2019-08-19 11:03 評(píng)論0 收藏0
記錄微信小程序的坑

摘要：除官方外的參考文章微信小程序?qū)嵗齽?chuàng)建下發(fā)模板消息實(shí)例手把手教你開(kāi)發(fā)微信小程序之模版消息開(kāi)發(fā)教你突破小程序模板消息的推送限制獲取用戶信息接口的廢棄問(wèn)題接口是獲取用戶信息昵稱，頭像等的接口，在官方文檔上寫是即將廢棄。 ----------------更新-------------- 2018年10月10日官網(wǎng)3個(gè)接口廢棄的通知： 1、分享監(jiān)聽(tīng)接口分享消息給好友時(shí)，開(kāi)發(fā)者將無(wú)法從callba...

EastWoodYang 2019-08-23 12:02 評(píng)論0 收藏0
微信小程序發(fā)送模板消息！附前端+后端源碼~

摘要：前端，填寫填寫填寫模板模板的第個(gè)關(guān)鍵詞模板的第個(gè)關(guān)鍵詞模板的第個(gè)關(guān)鍵詞模板的第個(gè)關(guān)鍵詞模板的第個(gè)關(guān)鍵詞推送域名接口地址，我學(xué)習(xí)就用，建議用后端，參數(shù)此處開(kāi)始處理數(shù)據(jù)發(fā)送一個(gè)常規(guī)的請(qǐng)求捕抓異常至于和怎么獲取，自己另外學(xué)習(xí)咯推送前端，index.wxml 推送 index.js // pages/mubanxiaoxi/mubanx...

yanbingyun1990 2019-08-23 13:53 評(píng)論0 收藏0
微信小程序發(fā)送模板消息！附前端+后端源碼~

摘要：前端，填寫填寫填寫模板模板的第個(gè)關(guān)鍵詞模板的第個(gè)關(guān)鍵詞模板的第個(gè)關(guān)鍵詞模板的第個(gè)關(guān)鍵詞模板的第個(gè)關(guān)鍵詞推送域名接口地址，我學(xué)習(xí)就用，建議用后端，參數(shù)此處開(kāi)始處理數(shù)據(jù)發(fā)送一個(gè)常規(guī)的請(qǐng)求捕抓異常至于和怎么獲取，自己另外學(xué)習(xí)咯推送前端，index.wxml 推送 index.js // pages/mubanxiaoxi/mubanx...

張漢慶 2019-07-01 11:01 評(píng)論0 收藏0
微信小程序實(shí)現(xiàn)獲取手機(jī)號(hào)60s倒計(jì)時(shí)演示代碼

　　本篇文章主要為大家講述關(guān)于微信小程序?qū)崿F(xiàn)獲取手機(jī)號(hào)60s倒計(jì)時(shí)的具體代碼，現(xiàn)在我們看看具體內(nèi)容：　　1.效果：點(diǎn)擊獲取》60s倒計(jì)時(shí)》重新獲取　　2.wxml　　<viewclass="cu-form-group"style="border-top:1rpxsolid#eee;"> 　　<viewclass="title&qu...

3403771864 2022-12-04 11:45 評(píng)論0 收藏0