PC小程序双屏展示下,保持状态同步实践
不知道大家有没有PC小程序,最近微信在PC上内测双屏的展示
这几天上线了一个投票小程序如下图所示
,在实际测试过程中,就遇到一个双屏下,如何保持投票状态同步的问题,以下两个场景,就把问题呈现的很清晰了,这两个场景都有对应的投票按钮,我们在一个屏中完成了投票之后,如果不额外处理,另外一屏的作品投票的状态没有变化,还是显示投票按钮(未投票投票展示),这样,如果没有在后端加以控制,就可以继续投票,
违背了产品设计规则,一个用户,一个作品最多可以投一票
场景1
场景2
因为这是一个全新的场景,我想很多线上存在的小程序会出现这种问题,我作为首批试验的用户,针对这个问题,有多个方案,具体见下面问题
PC打开小程序支持双屏展示了,大家是怎么处理双屏状态同步的?? - 微信开放社区 https://developers.weixin.qq.com/community/develop/doc/000ec8e89a0088a31862062646b000
因为在日常VUE2开发过程中,eventbus是使用比较多的,所以呢,路径依赖
我在这个投票小程序项目中也采用的是eventbus on emit 监听 订阅机制,eventbus代码是问群里一位大佬要的,可以直接拿来使用
建议将该示例挂在到app的属性下面,这样就可以在全局使用
具体示例如下
1
大家还有其他推荐的办法评论席留言哈
电脑小程序分屏?? - 微信开放社区 https://developers.weixin.qq.com/community/develop/doc/000aca760bc710a80aa1579d161800
具体代码