微信小程序 父子组件间传参

fatherjson

注意：要使子组件可以在父组件展示需在父组件的json中引入并定义。

fatherwxml

注意：fatherTOson属性写在son标签上，fatherTOson不是固定的，可以修改其值。

sonjs

注意：即在sonjs的properties中定义父组件要传过来的参数类型

sonwxml

总结： 父组件向子组件传参，实际上就是在父组件中引入子组件的时候，带上一个属性fatherTOson，并且给其赋值，然后子组件通过这个属性名称fatherTOson，获取其值。

sonwxml

sonjs

注意：bindtap='change'定义了一个方法在sonjs的methods完成向父组件传值。thistriggerEvent固定不变，myevent是在父组件中定义的方法。sonTOfather是传给父组件的变量名。

fatherwxml

注意：myevent是在父组件中定义的方法；sonTOfather是声明的变量接收子组件的值

fatherjs

注意：在fatherjs中声明变量sonTOfather，用来接收子组件穿来的参数。

微信小程序传值以及获取值方法，传值有两种方法，对应也有获取值得方法，

1、设置id的方法标识跳转后传递的参数值；

2、通过使用data - xxxx 的方法来标识要传递的值

官方API给出wxswitchTab()方法不可以携带参数，你可以把需要传的参数给appjs里面的globalData 赋值，然后在另一个tabBar里面获取全局globalData，从而达到传参的效果

ajs

// 页面跳转，URL地址是将要跳转的页面相对当前页面的路径 wxnavigateTo({

url: '//help/helpdata=' + {num:'33'},

})

help页面

onLoad: function (options) { // 打印页面传递来的参数

consolelog('options',options) // 打印页面传递来的参数类型

consolelog(typeof(optionsdata))

},

1、设置id的方法标识跳转后传递的参数值;

2、通过使用data - xxxx 的方法来标识要传递的值 微信小程序设置id的方法标识来传值在要跳转的item处，设置一个id并给当前的id赋值上对应的key值，比如一部**的id(后面带着id去下一个页面查询，详细信息)如：

后我们在js的bindtap的响应事件中获取，并传递到下一个界面中;

获取到id传的值

通过ecurrentTargetid;获取设置的id值，并通过设置全局对象的方式来传递数值，

获取全局对象 var app=getApp(); //设置全局的请求访问传递的参数 apprequestDetailid=id;

提示：其实我们也可以在，wxml中查看到我们设置的每一个item的id值

通过使用data - xxxx 的方法标识来传值通过使用data - xxxx 的方法标识来传值，xxxx可以自定义取名 比如data-key等等都可以。

如何获取data-xxxx传递的值

在js的bindtap的响应事件中：

通过数据解析一层层找到数据，var id=etargetdatasetid(根据你的data-id的取名)

微信小程序如何跨页面获取值

依据上面的方式设置要传递的值，页面跳转后，我们就需要在下一个页面拿到传递的数据(这个数据在传递前，就已经被设置成全局变量)

在跳转后的js页面，接收传递过来的数据detailjs

同样通过全局额方式取值出来，(即和appjs中取某个变量的值是一样的)

var movieid=getApp()MovieDetailid;

consolelog(movieid);

到此为止，我们数值传递并接收成功，后面就可以根据我们接收的参数，进行进一步的 *** 作了。

onLoad: function () {

var that = this

wxrequest({

url: '>

以上就是关于微信小程序 父子组件间传参全部的内容，包括:微信小程序 父子组件间传参、微信小程序绑定的方法怎么传参数、小程序怎么通过switchtab传参等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！