微信小程序 通过onshow获取options的参数

微信小程序 通过onshow获取options的参数,第1张

现在的小程序获取options值的话,最简单的方式,就是使用 onLoad(生命周期函数--监听页面加载) 来获取了

但是有的时候 需要使用 onShow(生命周期函数--监听页面显示) 来获取 options ,这个时候就获取不到options 值

打印options 会显示   undefined

如何在onshow中获取 options值

首先获取小程序的页面栈

什么是小程序的页面栈,了解一下

举例 :如果一个网页,你一直点击链接 ,就会一直跳转,(前提没有打开新的页面),你每打开一个页面,就会向页面栈中引入一个当前页面,就形成了一个栈结构,可以从当前的页面,一直返回到第一个页面.

同理,小程序也是存在栈结构的,小程序的栈解构,是有限制,最大长度只有10,只保存10个,如果超出10个,就会把第一个页面,释放掉

1. getCurrentPages( ) 获取页面栈

注意

一定要从传递参数的页面跳转过来, 注意

我个人的 :传递参数页面是pages/user/user/  ,点击跳转的是pages/order/order, 

打印结果

打印出来是一个数组, 其中有标记着自己现在哪一个页面的路径"_route_",找到当前的页面路径  options就在其中   

注意:我个人传递的参数 是tyoe = 1  传递参数页面是pages/user/user/  ,跳转的是pages/order/order,  所以options是在pages/order/order中的,也就是数组的下标为1的

 2. 获取 options 中的参数

这样就获取到传递的参数了

希望帮助到各位小白了

在页面的js文件中定义了 onShareAppMessage 函数时,页面可以表示改页面可以转发。可以在函数中设置页面转发的信息。

页面中有可以触发转发时间的地方有两个:

一个是右上角菜单中的转发按钮

另一个是页面中具有属性open-type且其值为share的button。(注:必须是button组件,其他组件中设置 open-type="share" 无效)

即:<button data-name="shareBtn" open-type="share">转发</button>

注意:实际开发中会发现这个 button 自带有样式,当背景颜色设置为白色的时候还有一个黑色的边框,刚开始那个边框怎么都去不掉,后来给button加了一个样式属性 plain="true" 以后,再在样式文件中控制样式 button[plain]{ border:0 } ,就可以比较随便的自定义样式了,比如说将分享按钮做成一个图标等

触发分享事件后调用的函数:

一、小程序分享

让客户应用微信小程序以后,再将它共享给朋友,或是发送至微信朋友圈,真是太适合但是了。

1.发送给朋友/群:

在小程序定制开发API中,发给朋友/群,能够有二种保持方法:

1)通道

a.微信小程序右上方内置的共享作用(...):

假如在当今网页页面启用wx.hideShareMenu()方式,那麼右上方的共享作用将被掩藏,或许,掩藏方式与实际方式是承兑出现的,启用wx.showShareMenu()方式,能够显示信息该作用。

b.自定共享按键:共享

左右二种方法均可保持共享作用

2)共享数据类型

无论选用左右哪种方式,发送给朋友的统计数据终究有它的概念模型,该概念模型是根据onShareAppMessage(options)回到的,也就是说return一个object就能。

在其中,options.from能够用于分辨是以自定button开启的分享网页页面,还是从右上方的开启的分享网页页面。

下列是该object的概念模型:

以上图示,假如开发者在onShareAppMessage(options)不开展一切解决,那麼手机微信将会有一个默认设置的统计数据分享出来,title为当今微信小程序名字,path为当今网页页面的途径,imageUrl为当今网页页面的截屏。

依据imageUrl的界定,开发者能够提交自定义图片,那麼这一贷款口子给了经营工作人员一定的充分发挥室内空间,这一难题,文章内容的后面会详尽谈及。

2.共享至微信朋友圈:

小程序现阶段没有立即出示方式来将微信小程序共享至微信朋友圈,但是能够选用曲线救国的方法来做到目地。

曲线救国的方法分成二步:

1.根据电脑浏览器将期待共享的物品共享至微信朋友圈:

小程序本身没有通道能够进到到手机微信的电脑浏览器中,那麼就更为不太可能让客户进到到本身电脑 *** 作系统中的电脑浏览器开展共享了。

那麼可否有别的的方式能够做到此目地呢?

参考答案是在线客服信息。

小程序自身出示在线客服信息是用于更强的为顾客服务的,可是可以看下列截屏:

微信小程序出示了通道,容许客户给在线客服发送到信息,另外,也容许微信小程序的在线客服积极给客户发送到信息,在其中,能够发送到文图连接

开发人员能够在客户开启该闲聊提示框时,积极给客户发送到文图连接,客户点一下该连接以后,将会自动跳转到手机微信的电脑浏览器(H5)网页页面,该网页页面有别于微信小程序内开启的H5网页页面,以下图

开发人员和客户针对这类款式的网页页面应当非常了解了,到此,自小程序流程开展共享至微信朋友圈的第一步进行了。

2.客户共享至微信朋友圈后,客户的朋友根据该连接进到微信朋友圈

毫无疑问,手机微信现阶段还仍未出示通道,将小程序立即在微信朋友圈开展展现,可是一样的,手机微信都没有严禁在微信朋友圈内展现小程序二维码,而人们根据微信小程序开展共享的是文图连接,那麼照片当然就能够是必须共享的小程序码,对于文本,可以做为经营工作人员的营销推广。

左右,就进行了从小程序共享至朋友/朋友群/微信朋友圈的途径。

注:微信小程序的二维码分二种,一种是基本的二维码,也有一种是小程序二维码,人们这儿开展共享的是小程序二维码。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/7798237.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-10
下一篇 2023-04-10

发表评论

登录后才能评论

评论列表(0条)

保存