微信小程序开发,参数传值方法介绍

2018/4/1 21:37:51
摘要: 开发者在开发微信小程序的过程中,需要进行参数取值,也需要进行参数传值,之前小编介绍过两种常见的取值,接下来就要介绍一下参数传值的方法

开发者在开发微信小程序的过程中,需要进行参数取值,也需要进行参数传值,之前小编介绍过两种常见的取值,接下来就要介绍一下参数传值的方法。

1、通过data-id进行传值

  我们可以通过给HTML元素添加data-*属性进行需求值的传递,具体的使用方法说明如下:

 (1)设置data-id

<view bindtap="playTap" data-id="{{modle.id}}">

 (2)取值+传值

playTap:function(e) {

       const dataset = e.currentTarget.dataset;

       wx.navigateTo({

         url: '../play/index?id='+ dataset.id

       })

       console.log(dataset.id);

   }

 (3)取值

onLoad:function (param) {

    //页面初始化

        this.setData({

            currentId:param.id

        })

}

 (4)注意事项

data-名称不能有大写字母,如果出现大写字母,data-*属性中是不可以存放对象的。

  2、通过设置id标识来传值

 (1)设置id

<view bindtap=“playTap" id="{{modle.id}}">

 (2)取值

通过e.currentTarget.id获取id值,再通过设置全局对象的方式来进行数值的传递。

  3、通过在navigator中添加参数传值

 (1)传值

在navigator的属性url后拼接?id(参数名字)=要传递的值 ,其中多个参数的话,就要用户&分开,比如&name=value&……。示例如下。

<navigator url="../my/my?id={{item.id}}" wx:for="{{modles}}">

(2)取值

onLoad (params){

        app.fetch(API.detail + params.id,(err,data) => {

        })

}

 

声明:文章"微信小程序开发,参数传值方法介绍"为互诚科技—微信小程序开发公司的原创文章,转载请注明出处,谢谢合作!
标签:小程序干货
电话咨询:18011971195(黄先生)
在线留言:
微信扫码,关注我们
相关文章
  • 开发企业微信2.0,融合企业号统一管理再出发

    现在的微信开发市场常见的是公众号开发、小程序开发以及一些商城开发,而这些都是关于自媒体或者企业经营的产品开发,极少有关于企业管理的产品开发出现。

  • 小程序之间相互跳转功能可以怎么运用

    前阵子微信官方又开放了一个小程序新功能,就是不同的小程序之间可以相互跳转,这可谓是一石激起千成浪,一下子微信小程序这个圈子又像炸开了锅一样欢欣鼓舞。这是为什么?最主要的还是因为,这个功能又带来一些商机,所以看到了这些商机的企业商家,当然就会欢欣鼓舞了。下面就由互诚科技半桶水小编来为大家揭秘,

  • 微信小程序市场的商业价值体现在哪?

    张小龙在微信小程序上线的时候就说过,未来两年内,小程序将会取代APP应用80%的市场。而事实是否如此,目前我们还是无法去下结论的。但是其带来

  • 广州公司初涉微信小程序开发应该关心什么问题

    微信小程序开发的这股热潮不断地在升温,随着微信事业群对小程序各类功能的开放以及开发门槛的降低

  • 小程序开发教程:如何使用插件?

    在开发小程序的时候,可以在其中添加插件,而去丰富小程序的一些服务,为用户提供更加便捷、丰富、趣味而有价值的服务内容

  • 培养客户忠诚度,用微信小程序会员积分系统就好

    微信小程序商城系统不仅是一个可以展示商品、销售商品的系统,而且为了解决一般电商系统吸引新粉丝难、维护老粉丝难的问题,还同时配备了会员积分管理等系统,来为企业商家或者个人开发者开发后增加客户粘性、培养客户忠诚度起到一个工具性的作用。