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

您所在的位置:网站首页 怎么把小程序变成网页链接 小程序如何把一个页面当作组件来引用,就是既可以当作一个组件也能当一个页面使用

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

2024-07-16 11:06| 来源: 网络整理| 查看: 265

把一个页面当作组件来使用。不改变原来的获取值得方式也就是即使他是组件也不能使用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 } 页面上调用:

上面就是传了一个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() } }

 

 



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3