欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  科技

小程序如何把一个页面当作组件来引用,就是既可以当作一个组件也能当一个页面使用

程序员文章站 2022-06-19 15:11:49
把一个页面当作组件来使用。不改变原来的获取值得方式也就是即使他是组件也不能使用props来传值。遇到的问题:具体就是分享页面,使用了太多的页面,一些是以前得一些页面。如果全部重新浪费时间而且小程序安装包的内存要求一般是2M。重新写肯定浪费内存。所以尽可能得能使用以前得就用以前得页面。如果把页面当作组件引用得话,他是没有走onload得也就是他不能通过onload获取页面跳转传得参数。解决办法:在跳转之前传一个特殊得参数以此识别这是在分享页。this.options.share=.....

把一个页面当作组件来使用。不改变原来的获取值得方式也就是即使他是组件也不能使用props来传值。

遇到的问题:具体就是分享页面,使用了太多的页面,一些是以前得一些页面。如果全部重新浪费时间而且小程序安装包的内存要求一般是2M。重新写肯定浪费内存。所以尽可能得能使用以前得就用以前得页面。

如果把页面当作组件引用得话,他是没有走onload得也就是他不能通过onload获取页面跳转传得参数。

 

解决办法:在跳转之前传一个特殊得参数以此识别这是在分享页。

 

this.options.share="report";
	
      this.$navigator.href({
		url: '/share/main/main',
		options: this.options
     })

 

 

上面就是传了一个share。然后其他作为子组件地页面获取参数得方式是在mounted里面通过先获取路由再获取参数得方式。然后判断是否参数里面含有share就知道他是不是分享页面了。下面用了一个变量formshare来判断是否是分享页。分享页只能看不能操作,那么页面所有的操作得按钮都要根据这个参数隐藏处理。

 

 

	mounted(){
			this.formshare=false;
			let routes = getCurrentPages(); // 获取当前打开过的页面路由数组
			let curParam = routes[routes.length - 1].options; 
			if (curParam.share!=undefined){//从分享页面来的
			    this.formshare=true;
				this.stuid=curParam.stuid;
				this.getEntranceRequest()
				}
		}

 

 

 

 


 

 

本文地址:https://blog.csdn.net/qq_33769914/article/details/112506264

相关标签: 小程序