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

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

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

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

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

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

在使用到的页面也就是上面跳转到的那个/share/main/main里面引入,然后调用就行。
 

import study from'@/pages_report/report/study/study'

components: {
            study
        }

页面上调用:

<study></study>

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

这个study页面做下面处理:

	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()
				}
		}


 


 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值