uniapp APP监听消息推送

明日之后

在App.vue中

[JavaScript] 纯文本查看 复制代码

onLaunch: function() {
                        let this_ =this
                        // #ifdef  APP-PLUS
                          //监听接收透传消息事件  
                          plus.push.addEventListener('receive', function(message) { 
                            //处理透传消息的业务逻辑代码,message.content:监听到的数据
                            this_.$store.commit('changeValue',message.content)
                          }, false);
                         //#endif
                         console.log('APP onLaunch');
                },

设置vuex，通过vuex传递数据，然后在调用的页面用watch监听数据的变化

[JavaScript] 纯文本查看 复制代码

onLaunch: function() {
                        let this_ =this
                        // #ifdef  APP-PLUS
                          //监听接收透传消息事件  
                          plus.push.addEventListener('receive', function(message) { 
                            //处理透传消息的业务逻辑代码,message.content:监听到的数据
                            this_.$store.commit('changeValue',message.content)
                          }, false);
                         //#endif
                         console.log('APP onLaunch');
                },

页面调用

[JavaScript] 纯文本查看 复制代码

computed: {
                 memberData(){
                      return this.$store.state.getData;
                   },
    },
 watch: {
                async  memberData(){
                         await this.getUnReadData() //这是我监听数据变化调用接口更新页面数据
                                this.$refs.uToast.show({
                                        title: '更新数据了',
                                        // 如果不传此type参数，默认为default，也可以手动写上 type: 'default'
                                        type: 'success',
                                        position: 'top ',
                                        // 如果不需要图标，请设置为false
                                        icon: true
                                })
                   }
    },

bnm4565377

太厉害了。我都看不懂 还没学习到这一步

绝客

学习不止

zjj1983

asfasasfasfsfa