评论

PC小程序双屏展示下,保持状态同步实践

投票小程序

PC小程序双屏展示下,保持状态同步实践


不知道大家有没有PC小程序,最近微信在PC上内测双屏的展示

这几天上线了一个投票小程序如下图所示

,在实际测试过程中,就遇到一个双屏下,如何保持投票状态同步的问题,以下两个场景,就把问题呈现的很清晰了,这两个场景都有对应的投票按钮,我们在一个屏中完成了投票之后,如果不额外处理,另外一屏的作品投票的状态没有变化,还是显示投票按钮(未投票投票展示),这样,如果没有在后端加以控制,就可以继续投票,

违背了产品设计规则,一个用户,一个作品最多可以投一票


场景1



场景2

因为这是一个全新的场景,我想很多线上存在的小程序会出现这种问题,我作为首批试验的用户,针对这个问题,有多个方案,具体见下面问题

PC打开小程序支持双屏展示了,大家是怎么处理双屏状态同步的?? - 微信开放社区 https://developers.weixin.qq.com/community/develop/doc/000ec8e89a0088a31862062646b000


因为在日常VUE2开发过程中,eventbus是使用比较多的,所以呢,路径依赖

我在这个投票小程序项目中也采用的是eventbus on emit 监听 订阅机制,eventbus代码是问群里一位大佬要的,可以直接拿来使用

建议将该示例挂在到app的属性下面,这样就可以在全局使用

具体示例如下


1

大家还有其他推荐的办法评论席留言哈


最后一次编辑于  11-07  
点赞 0
收藏
评论

2 个评论

登录 后发表内容