小程序如何把一个页面当作组件来引用,就是既可以当作一个组件也能当一个页面使用
程序员文章站
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
上一篇: 网页设计布局基础第1/4页
下一篇: Mybatis框架(1)--注解