资讯专栏INFORMATION COLUMN

微信小程序获取无限量formId的方法

lauren_liuling / 2013人阅读

摘要:微信小程序获取多个的方法解决小程序点击一次,提交多个表单问题利用点击穿透的原理,直接上代码吧代码发布代码代码显示页面点击按钮后最终结果

1.微信小程序获取多个formId的方法(解决小程序点击一次,提交多个表单问题)
利用点击穿透的原理,直接上代码吧

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)
  }

显示页面:

点击按钮后最终结果:

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/96991.html

相关文章

  • 信小程序:模板消息推送实现

    摘要:模板消息是基于微信的通知渠道,为开发者提供了可以高效触达用户的模板消息能力,以便实现服务的闭环并提供更佳的体验。 模板消息是基于微信的通知渠道,为开发者提供了可以高效触达用户的模板消息能力,以便实现服务的闭环并提供更佳的体验。 想推送模板消息,得满足一些前提条件: 用户在小程序中完成支付后,小程序可以向用户发送模板消息。 用户在小程序中有提交表单的行为,小程序可以向用户发送模板消息。...

    _ipo 评论0 收藏0
  • 记录信小程序

    摘要:除官方外的参考文章微信小程序实例创建下发模板消息实例手把手教你开发微信小程序之模版消息开发教你突破小程序模板消息的推送限制获取用户信息接口的废弃问题接口是获取用户信息昵称,头像等的接口,在官方文档上写是即将废弃。 ----------------更新-------------- 2018年10月10日官网3个接口废弃的通知: 1、分享监听接口分享消息给好友时,开发者将无法从callba...

    EastWoodYang 评论0 收藏0
  • 信小程序发送模板消息!附前端+后端源码~

    摘要:前端,填写填写填写模板模板的第个关键词模板的第个关键词模板的第个关键词模板的第个关键词模板的第个关键词推送域名接口地址,我学习就用,建议用后端,参数此处开始处理数据发送一个常规的请求捕抓异常至于和怎么获取,自己另外学习咯推送 前端,index.wxml 推送 index.js // pages/mubanxiaoxi/mubanx...

    yanbingyun1990 评论0 收藏0
  • 信小程序发送模板消息!附前端+后端源码~

    摘要:前端,填写填写填写模板模板的第个关键词模板的第个关键词模板的第个关键词模板的第个关键词模板的第个关键词推送域名接口地址,我学习就用,建议用后端,参数此处开始处理数据发送一个常规的请求捕抓异常至于和怎么获取,自己另外学习咯推送 前端,index.wxml 推送 index.js // pages/mubanxiaoxi/mubanx...

    张汉庆 评论0 收藏0
  • 信小程序实现获取手机号60s倒计时演示代码

      本篇文章主要为大家讲述关于微信小程序实现获取手机号60s倒计时的具体代码,现在我们看看具体内容:  1.效果:点击获取》60s倒计时》重新获取  2.wxml  <viewclass="cu-form-group"style="border-top:1rpxsolid#eee;">   <viewclass="title&qu...

    3403771864 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<