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

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(黄先生)
在线留言:
微信扫码,关注我们
相关文章
  • 开发微信小程序必须做的四件事情

    注册与开发微信小程序之后,除了必要的建设之外,还有四件企业商家必须要做的事情,这些工作关乎到小程序上线之后的发展快慢与好

  • 手势开发研究,微信小程序的单触摸电与多触摸点

    在微信小程序的开发过程中,手势常常被应用在canvas、交互的开发中,所以手势对一些开发效果来说是比较重要的

  • 运营微信小程序,如何才能让用户主动去传播

    在微信小程序的运营推广上面,可以有多种方式去实现宣传推广效果,其中让用户主动去传播转发就是一个方式选择。不过,要真正做到让用户愿意主动去传播小程序

  • 品牌电商公司如何借力微信小程序开发来促进发展

    虽然微信小程序刚开始的定位是为用户提供线下工具性服务,但却也因为这个定位限制了小程序的发展以致带来不满意的用户体验与开发体验。在后续的调整后,小程序也可以用作线上服务使用,

  • 关于电商小程序的变现方式分析

    很多人都以为小程序在电商行业中的应用会给电商商家带来很强的获取流量而盈利的作用,但是这只是主观想法,必须要

  • 微信小程序开发与互联网+之间,有什么关系

    微信小程序开发与互联网+都是近年来的热词,两者看似没有联系,但其实也有联系。我们所说的互联网+就是指互联网+各种传统行业的形式,是一种互联网创新形式。