uniapp push 接收推送消息跳转到指定界面(传参跳转)

不念不忘少年蓝@ 2021-07-25 20:34 2206阅读 0赞

两端代码搞定  
**代码写在APP.vue 里面的 onload 事件就可以了.**  
先来看个例子:

**APP.vue**

onLaunch: function() { 
    			//存放后端给你传的变量
    			var id='';
    			plus.push.addEventListener("receive", function(msg) { 				
    				console.log(msg,11111)
    				id = msg.payload.id; //这块打印出来看你需要什么值再进行赋值
    			}, false);
    			
    			//点击系统通知的推送跳转到指定的界面
    			plus.push.addEventListener("click", function(msg) { 				
    				setTimeout(function() { 
    					uni.navigateTo({ 
    						url: '/pages/abroadInfo/infoDetail/index?id='+ id
    					})
    				}, 1000)
    				plus.push.clear();
    			}, false);
    			
    }

首先获取到 , 后端推送过来携带的参数 需要用 receive来接收

plus.push.addEventListener("receive", function(msg) { 				
    				console.log(msg,11111)
    				id = msg.payload.id; //在外面提前声明个变量进行存储 看例子
    			}, false);

然后监听点击获取

//点击系统通知的推送跳转到指定的界面
    			plus.push.addEventListener("click", function(msg) { 				
    				setTimeout(function() { 
    					uni.navigateTo({ 
    						url: '/pages/abroadInfo/infoDetail/index?id='+ id
    					})
    				}, 1000)
    				plus.push.clear();
    			}, false);

发表评论取消回复

表情：

评论列表（有 0 条评论，2206人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vue中router.push跳转传参

纯跳转 this.$router.push('/home') // 向地址栏历史添加一条。可以回退 this.$router.replace(

短命女/ 2023年07月24日 05:36/ 0 赞/ 13 阅读

相关 $router.push()跳转页面传参

query this.$router.push(\{path:'/router1', query: \{ id: 123\}\}) \-------------/route

小鱼儿/ 2023年06月15日 11:09/ 0 赞/ 24 阅读

相关 vue this.$router.push跳转传参教程

vue this.$router.push跳转传参教程缘起基本用法缘起 `项目多且杂，跳转肆年华。风卷花落去，不知入谁家`。今天就说说跳转携带参

柔情只为你懂/ 2022年12月24日 00:40/ 0 赞/ 159 阅读

相关 JXCategoryView 跳转到指定的分类界面

文章目录引言 I、JXCategoryView 跳转到指定的分类界面 1.1 界面切换 1.2 监听切换通知引言应用场

青旅半醒/ 2022年11月11日 05:27/ 0 赞/ 383 阅读

相关 uniApp push推送消息

import request from '@/common/request'; export function setBadgeNumber(num)

Dear 丶/ 2022年10月08日 05:52/ 0 赞/ 277 阅读

相关 vue页面跳转传参

使用以下方式传参： `this.$router.push({ path: 'registerowner', name: "registerowner", params:{c

曾经终败给现在/ 2021年09月28日 22:32/ 0 赞/ 532 阅读

相关 uniapp消息推送push

uniapp uni push 消息推送一、前期准备 1、账号：生成该应用账号进行配置uni push ![在这里插入图片描述][watermark_ty

水深无声/ 2021年09月18日 06:12/ 0 赞/ 962 阅读

相关 uniapp push 接收推送消息跳转到指定界面(传参跳转)

两端代码搞定代码写在APP.vue 里面的 onload 事件就可以了. 先来看个例子: APP.vue onLaunch: function() {

不念不忘少年蓝@/ 2021年07月25日 20:34/ 0 赞/ 2207 阅读

相关 uniapp中页面跳转和传参

效果图： ![20210306160241888.gif][] ![20210306162337112.gif][] 代码实现：结构目录： ![202103

拼搏现实的明天。/ 2021年07月25日 14:15/ 0 赞/ 601 阅读

相关 mpvue 页面跳转传参

1、跳转传参回调中 wx.navigateTo({ url:'根据当前文件的相对路径/?键值对' })

谁践踏了优雅/ 2021年07月24日 16:26/ 0 赞/ 561 阅读