微信小程序点击事件传参（微信小程序navigateto传参）

摘要： 本文目录一览：1、微信小程序实现传参数的几种方法示例2、...

本文目录一览：

• 1、微信小程序实现传参数的几种方法示例
• 2、微信小程序中的onLoad详解及简单实例
• 3、微信小程序怎么把变量传到另一个页面?

微信小程序实现传参数的几种方法示例

两个页面之间传值，例如点击A页面跳转到B页面，把A页面的变量传到B页面。第一种方法在button上绑定一个点击函数，代码：我是A页面。在对应的js文件里面写上跳转代码，并携带参数ID=3。点击一下A页面的button，在B页面就可以收到值了，B页面的options里面是要接收的值。

首先，让我们来看一个实例，官方提供的函数正是实现这一目标的利器。

微信小程序分享功能的实现方法有两种：第一种 在page.js中实现onShareAppMessage，便可在小程序右上角选择分享该页面 第二种 自定义按钮实现分享，在page中添加一个带有open-type=share的button标签()。点击该按钮后，即会自动触发已经在page.js中定义好的onShareAppMessage方法，实现分享功能。

跳转传值有多种方式，可以单穿某个字段，可以传对象。这里我只讲下怎么传递对象，在实际开发中，传对象是普遍选择的一种传值方式。下面是一个类表展示的数据 分析：列表的点击事件，最重要的是如何获点下对应item的position 下标。

js的methods完成向父组件传值。this.triggerEvent固定不变，myevent是在父组件中定义的方法。sonTOfather是传给父组件的变量名。father.wxml 注意：myevent是在父组件中定义的方法；sonTOfather是声明的变量接收子组件的值 father.js 注意：在father.js中声明变量sonTOfather，用来接收子组件穿来的参数。

微信小程序中的onLoad详解及简单实例

小程序注册完成后，加载页面，触发onLoad方法，一个页面只会调用一次。页面载入后触发onShow方法，显示页面，每次打开页面都会调用一次。首次显示页面，会触发onReady方法，渲染页面元素和样式，一个页面只会调用一次。当小程序后台运行或跳转到其他页面时，触发onHide方法。

下面介绍一下微信小程序刷新当前界面的几种方法。方法一：this.onLoad()使用方法：在操作函数中调用this.onLoad()或that.onLoad()（有时候this的作用域不够的时候需要定义that = this）。适用场景：本次操作对页面onLoad函数所携带的各种参数没有影响。

最开始，在小程序的app.js中的onlaunch中判断如果当前登录用户，数据库中没有用户信息，则直接调用wx.getUserInfo，弹窗获取用户信息。但是小程序改版之后，不支持这种调用方式，官方给出的demo是使用一个button按钮来调起wx.getUserInfo这个方法来获取用户信息。

微信小程序怎么把变量传到另一个页面?

1、两个页面之间传值，例如点击A页面跳转到B页面，把A页面的变量传到B页面。第一种方法在button上绑定一个点击函数，代码：我是A页面。在对应的js文件里面写上跳转代码，并携带参数ID=3。点击一下A页面的button，在B页面就可以收到值了，B页面的options里面是要接收的值。

2、首先打开微信小程序，在需要输出数据的页面的JS文件中定义一个变量，用于接收控制台的数据。其次在控制台中使用console.log()输出需要传递给页面的数据，并将其赋值给上一步中定义的变量。最后在需要显示数据的页面的wxml文件中使用{{}}绑定变量即可。

3、如下：1首先需要在前台搭建好需要展示的那个页面。2然后我们需要做的就是进行数据的缓存，这样我们就可以使用异步缓存wx.setStorage存到本地缓存中然后创建key和data.3然后我们就可以通过wx.redirectTo进行页面的跳转。4然后在另一个页面中通过从本地缓存中同步获取指定key对应的内容。