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

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(黄先生)
在线留言:
微信扫码,关注我们
相关文章
  • 餐饮行业开发微信小程序,有什么形式可以选择

    衣食住行一直是人类生活的必须环节,而且这四个方面的商家经营模式大多数都是以线下门店体验为主。现在小编以“食”这个维持人类生命的重点来举例,说说餐饮行业开发微信小程序,到底可以有什么形式可供选择。

  • 广州企业如何快速开发一款微信小程序

    微信小程序的开发虽然是轻量化产品的开发,有着“小”这个特点,开发难度也比较小,但是真正开发仍旧需要一定的时间。而如果一个企业,着急着想要看到小程序的开发成果,

  • 微信小程序升级页面体验让用户爱上你的小程序

    昨日微信小程序开放了新的页面能力,在原有页面能力的基础上对其进行优化和升级,以提高开发者的开发效果跟用户体验的满意度。而升级优化体现在哪些方面,就是小编在今天这篇推文里的主要写作目的。

  • 广州微信小程序开发:论小程序线下的发展空间

    小程序的出现后,在刚开始却没有像业界传说中那么令人满意,甚至在经过一段时间的体验之后

  • 企业进行微信小程序开发,一定要考虑的那些方面

    企业在微信小程序开发之前以及过程之中,除了要考虑如何去满足企业本身的需求之外,还要考虑最终的成果是否能满足用户的体验需求,只有将这两个方面充分考虑到并且有充足的准备,才能在后续上线时能有较好的发展。而这两个方面又可以延伸出

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

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