微信小程序发送多条服务消息的代码实现方式探讨

why 317 2024-08-02

本篇文章给大家带来的内容是关于微信小程序如何实现发送多条服务消息(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

微信小程序发送多条服务消息的代码实现方式探讨

看了官方文档的服务通知推送,必须要用户手动触发才能获取到fromid,而用户点击一次,只能获取到一个fromid,那么在这点击一次的情况下,怎么才能获取到多个fromid呢,当时这个问题困扰了我2个多小时,用获取到用户点击的fromid,fromid递增的方式,是能生成多个,但是微信无法识别,模拟用户点击方式也不可行,然后又试了css的点击穿透,也无法实现,后来突然想用一个笨办法,那就是在一个标签下面,嵌套多个

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

<view class=&#39;dfbg&#39;>

<form name=&#39;pushMsgFm&#39; report-submit="true" data-type=&#39;submit&#39; bindsubmit=&#39;formSubmit&#39;>

<button class=&#39;Gbtn flex f_center&#39; class=&#39;btn&#39; formType="submit">

<view class=&#39;aa&#39;>

<form name=&#39;pushMsgFm&#39; report-submit="true" data-type=&#39;submit&#39; bindsubmit=&#39;formSubmit&#39;>

<button class=&#39;Gbtn flex f_center&#39; class=&#39;btn&#39; formType="submit">

<view class=&#39;aa&#39;>

<form name=&#39;pushMsgFm&#39; report-submit="true" data-type=&#39;submit&#39; bindsubmit=&#39;formSubmit&#39;>

<button class=&#39;Gbtn flex f_center&#39; class=&#39;btn&#39; formType="submit">

</button>

</form>

</view>

</button>

</form>

</view>

</button>

</form>

</view>

我这里就写了3个,想生成几十条的,自行嵌套进去吧

嵌套的from和button的样式请用设置为opacity: 0

就这样就搞定了,有木有很简单的样子。

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

formSubmit:function(e){

    let formId = e.detail.formId;

    console.log(formId);

    this.collectFormIds(formId); //保存推送码

    //let t = e.detail.target.dataset.type; // 根据type执行点击事件

  },

  collectFormIds:function (formId) {

    let formIds = app.globalData.globalFormIds; // 获取全局推送码数组

    if (!formIds)

      formIds = [];

    let data = {

      formId: formId,

      expire: new Date().getTime() + 60480000 // 7天后的过期时间戳

    }

    formIds.push(data);

    app.globalData.globalFormIds = formIds;

    if (formIds.length==10){

      this.takeInfo();

      app.globalData.globalFormIds = [];

    }

  }

好了,就这么简单。


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:完整代码呈现 简单微信小程序日历组件的实现过程
下一篇:微信小程序里 template 模块的具体使用方式解析
相关文章

 发表评论

暂时没有评论,来抢沙发吧~