当前位置: 首页 > Web前端 > JavaScript

uniapp监听消息推送

时间:2023-03-27 17:25:30 JavaScript

APP监听消息推送1.监听消息推送。后台记得推送模板:透传消息!透传消息!透传消息!2、我的需求是根据后台推送的数据,一旦有值,就重新调用接口刷新页面数据。3.我只需要监控消息推送,所以不需要监控数据。我用手表监控。记住每次都要传递时间戳或其他方法。每次的值必须不同,否则手表不会监控。当数据发生变化时,感觉问题就可以解决了。动动你的小手指,为它点个赞~O(∩_∩)OA,App.vue中的onLaunch:function(){letthis_=this//#ifdefAPP-PLUS//监听接收透明消息事件plus。push.addEventListener('receive',function(message){//处理透传消息的业务逻辑代码,message.content:监听的数据this_.$store.commit('changeValue',message.content)},false);//#endifconsole.log('APPonLaunch');},B.设置vuex,通过vuex传递数据,然后使用watch监听被调用页面的数据变化importVuefrom'vue'importVuexfrom'vuex'Vue.use(Vuex)letindex=0;//索引设置为每次更新时的值都不一样。我的需求只需要监听消息推送和调用接口即可。conststore=newVuex.Store({state:{getData:'11',},mutations:{//修改state中的值,这个参数state是data中所有的值。changeValue(state,provider){让a=index++;this.state.getData=provider+a}}})exportdefaultstoreC,pagecallcomputed:{memberData(){returnthis.$store.state.getData;},},watch:{asyncmemberData(){awaitthis.getUnReadData()//这是我的监控数据变化调用接口更新页面数据this.$refs.uToast.show({title:'Updateddata',//如果不传这个type参数,默认为default,也可以手动写type:'default'type:'success',position:'top',//如果不需要图标,请设置假图标:真})}},

猜你喜欢