微信小程序传参数的几种方法

1,navigator 跳转时

wxml页面(参数多时可用“&”)

<navigator url=‘../index/index?id=1&name=aaa‘></navigator>

  或者添加点击事件,js用navigateTo跳转传参,两种效果一样

 wx.navigateTo({
            url: ‘../index/index?id=1&name=aaa‘,
          })

js页面  在onLoad里直接获取

  onLoad: function (options) {
     //页面初始化 options为页面跳转所带来的参数
     var id = options.id    //获取值

  },

2.全局变量

app.js页面

globalData:{
      id:null
    }     

赋值:

var app = getApp();
app.globalData.id = 2

取值:

var app = getApp();
var id = app.globalData.id

3.列表index下标取值

wxml页面

<button bindtap=‘clickMe‘ data-id=‘1‘>点击</button>

如果需要传递多个,可以写多个data-[参数]的方式进行传递

js页面

  clickMe:function(e){
    var id = e.currentTarget.dataset.id
    console.log(id);
  },

  注意:通过wxml设置data-[参数名]传递参数,[参数名]只能是小写,不能有大写

4.form表单传值

form表单传值比较简单常用,就不举例了

原文地址:https://www.cnblogs.com/zxf100/p/8251076.html

时间: 2024-08-30 07:32:07

微信小程序传参数的几种方法的相关文章

微信小程序使用函数的三种方法

使用来自不同页面的函数 函数写在util.js页面 function formatTime(date) { var year = date.getFullYear() var month = date.getMonth() + 1 var day = date.getDate() var hour = date.getHours() var minute = date.getMinutes() var second = date.getSeconds() return [year, month,

小程序的组件通讯三种方法==子向父传值

小程序的组件通讯三种方法 ============================ ================================ 子向父传值 第一步:小程序子向父传值在父组件定义方法 第二步:小程序子向父传值第二部在使用子组件的标签上在父的wxml文件中把方法传递给子组件 第三步:小程序子向父传值第三步在子组件的js文件中调用this·triggerEvent触发方法同时传递参数给父组件 第四步:第四步在第一步定义好的方法内部通过e·detail来接收子组件传递回来的参数 原

微信小程序传数组(Json字符串)到Java后端

一:小程序端: wxml中代码: <!--index.wxml--> <view> <view> <button bindtap="onShow"> 调接口 </button> </view> </view> js中代码: //index.js //获取应用实例 const app = getApp() Page({ onShow:function(){ console.log('123456') le

微信小程序分享至朋友圈的方法

最近研究怎么实现微信小程序分享至朋友圈,对就是朋友圈. 微信小程序目前没有直接提供方法来将小程序分享至朋友圈,不过可以采用曲线救国的方式来达到目的. 方法分两步: 1.通过浏览器将希望分享的东西风向至朋友圈: 微信小程序没有任何入口可以进入到微信的浏览器中,那么就更加不可能让用户进入到自身操作系统中的浏览器进行分享. 那么怎么通过其他的途径来达到次目的呢? 答案是:客服消息 微信小程序本身提供客服消息是用来更好的为客户服务的,但是请看以下截图: 小程序提供了入口,允许用户给客服发送消息,同时,也

微信小程序常见错误及基本排除方法

也接触了不少人解决问题的过程里,有一些比较难以排查的可能性列举在这,方便大家看一下: 也欢迎大家把自己常用的排除方法列举在这,一起互相学习探讨! 1:ES6:使用es6可能导致安卓端真机调试时很多问题出现,还有其他未知问题:原因未知: 2:字母拼错,包括字母拼写错误,大小写没有注意:微信小程序中,有大量这样的代码示例,从中间冒出一个大写,比如支付中的appId 3:官方文档示例代码有误,有时官方文档示例代码也会出现问题,比如大小写出错,或者其他缺少参数等问题: 4:https,这个坑目前遇到的人

干货|微信小程序最常用的推广营销方法和渠道技巧推荐

直至目前为止,已经有近5亿用户使用过小程序了.正因为如此,很多企业和商家都纷纷将目光投向小程序,积极开起了自己的小程序来.希望借助小程序的流量风口,分得万亿红利市场的一杯羹. 方法一.付费推广 微信上线了广告功能, 搜索相关品类关键词,广告商的品牌就会得到优先展示.在微信做广告,是一件烧钱的事情,但是,效果肯定不能差了, 当然,利用微信广告推广,需要有钱的主.如果预算较多,可以适当的尝试一下,付费推广最为直接,而且在短期内就能见到效果. 方法二. 微信公众号推广 微信小程序和公众号的界限越来越模

干货|微信小程序线上线下推广的方法和销售话术小技巧分享

一款小程序在被开发后,若想获得广泛的用户群体,就得靠一些巧妙地话术宣传和推广措施.那么问题来了,微信小程序推广和话术有哪些呢?具体要怎么操作?别着急,请听小编来跟大家一一道来. 小程序推销话术小技巧 1.有自信,说话有底气 销售人员在宣传小程序时,一定在客户面前要很自信地说话.不自信的话是缺乏说服力量的.有了自信以后,销售人员在讲话的尾语可以作清楚的.强劲的结束,由此给对方确实的信息.如"一定可以使您满意的".这样的话会让客户对你宣传的小程序产生一定的信心. 2.重复重要语句,加深在顾

微信小程序实现地图插件的调用方法

目前很多微信小程序都具备地图查看的功能,那么对于在微信小程序中如何实现地图插件的调用方法,可能很多初学小程序开发的技术人员还存在很多疑问,那么下面就来跟大家详细解答一下. 首先肯定是借助小程序自带的map组件 .wxml代码: <map id="myMap" style="width: 100%; height: 300px;" latitude="{{latitude}}" longitude="{{longitude}}&qu

微信小程序的onLaunch()方法和onShow()方法

在app.js里面你会发现一个onLaunch()方法,这个方法是当小程序加载完毕后就执行的方法,此外,还有一个onShow()方法,先看下面的代码 app.js //app.js App({ onLaunch: function (options) { console.log(options); console.log("你好"); }, onShow: function (options) { console.log("This is the on show functi