微信小程序函数传参如何实现?

　　微信小程序函数传参如何实现?参数的传递一直是小程序里面的重要内容，用户的各种操作都会改变小程序里面的参数，那么微信小程序函数传参如何实现?下面随小编一起来看看吧。

　　微信小程序函数传参如何实现?

　　小编这里以微信小程序带参传递的界面方式跳转为例，给大家介绍微信小程序函数传参如何实现。

　　使用bindtap事件绑定view，再在js文件里的tap回调函数使用代码wx. navigateTo()函数实现，其中wx. navigateTo()函数要传一个object参数，而object里面就可以带url，后面跟key-value参,它的变量要使用that.data.lastval这里方式，示例小程序代码如下:

　　Wxml文件:

　　button type="default"bindtap="onBtnClick">跳转到新页面

　　Js文件:

　　onBtnClick:function(){

　　var that=this;

　　console.log('onBtnClick');

　　wx.navigateTo({

　　url:'index?oldval='+that.data.lastval+'&val=hello,bright789!!!&showBtn=false',

　　success: function(res){

　　// success

　　console.log('onBtnClick success() res:');

　　},

　　fail: function() {

　　// fail

　　console.log('onBtnClick fail() !!!');

　　},

　　complete: function() {

　　console.log('onBtnClick complete() !!!');

　　// complete

　　}

　　})

　　}

　　此外附上官方文档说明:

　　最后附上完整的js和wxml文件:

　　小程序Js文件:

　　Page({

　　data:{

　　lastval:{},

　　showBtn:false,

　　},

　　onLoad:function(options){

　　// 生命周期函数--监听页面加载

　　var that=this;

　　console.log('onLoad is invoked');

　　console.log(options);

　　that.setData({

　　lastval:options.val,

　　oldval:options.oldval,

　　showBtn:(options.showBtn=="true"?true:false),

　　})

　　},

　　onBtnClick:function(){

　　var that=this;

　　console.log('onBtnClick');

　　wx.navigateTo({

　　url: 'index?oldval='+that.data.lastval+'&val=hello,bright789!!!&showBtn=false',

　　success: function(res){

　　// success

　　console.log('onBtnClick success() res:');

　　},

　　fail: function() {

　　// fail

　　console.log('onBtnClick fail() !!!');

　　},

　　complete: function() {

　　console.log('onBtnClick complete() !!!');

　　// complete

　　}

　　})

　　}

　　})

　　小程序Wxml文件:

　　微信小程序函数传参如何实现，小编只能介绍到这里了，本文只能以代码的形式展现给大家，具体里面的原理想必大家比我清楚。所以感谢大家的阅读。更多小程序专业问题可以关注我们的微小乔网站。

相关推荐：

小程序工具函数用法详解

微信小程序全局函数怎样开发和使用？

微信小程序自定义函数开发实例