uniapp的app.vue监听推送点击无法跳转

  • Post author:
  • Post category:uniapp


利用uniapp写了一个小的app,用了unipush推送消息,点击消息打开app进行跳转相应的页面

但是到了app.vue页面怎么都跳转不了 ,查询了相关官方资料 官方资料提及在app.vue不能跳转

看到这里我以为真的是不能跳转 但是百度了一凡才发现好多人说可以跳转的  我的死活就是不能跳转   知道有一篇文章说延迟跳转可以解决问题  然后我尝试了一下延迟1.5秒钟果然成功了

<script>
	export default {
		onLaunch: function() {
				// #ifdef APP-PLUS  
		        const _self = this;  
		        const _handlePush = function(message) {  
		            // TODO
					setTimeout(function(){
						console.log(message,999999999)
						console.log(message.title);
						var newsid = message.payload.newsid;
						console.log(newsid)
						uni.reLaunch({
							url: '/pages/newsInfo/newsInfo?newsid='+newsid,
						});
					}, 1500);
					 
		        };  
		        plus.push.addEventListener('click', _handlePush);  
		        plus.push.addEventListener('receive', _handlePush);  
				// #endif 
				let pinf = plus.push.getClientInfo();
				let cid = pinf && pinf.clientid || ''; //客户端标识
				console.log(cid,9999)
				
				plus.push.getClientInfoAsync((info) => {
					cid = info.clientid;
					conso.lgo(cid,77777)
				
				}, err => {
				});
		},
		onShow: function() {
			console.log('App Show')
			plus.push.addEventListener(
				'click',
				function(msg) {
				
				},
				true
			);
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style>
	/*每个页面公共css */
	@import "./common/uni.css";
	@import "./static/iconfont/iconfont.css";
	/* #ifdef H5 */
	uni-page-head {
		display: none;
	}
	/* #endif */
	image{
		width: 100%;
	}
	a, a:visited {
	    color: #333;
	}
	a, del, ins, s, u{
		text-decoration: none;
	}
	a, button {
	    cursor: pointer;
	}
	
	
	
	
	.f-thide {
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    word-break: normal;
	}
</style>



版权声明:本文为jerryyang_2017原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。