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

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

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

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(黄先生)
在线留言:在线留言咨询
互诚科技微信公众号二维码 微信扫码,关注我们
相关文章
  • 什么叫微信小程序?广州小程序开发公司告诉你

    微信小程序就是一种微信版本的轻应用,是相较于微信公众号来说一种不同的

  • 小程序开发亮点:微信小程序的价值所在

    关于小程序开发,目前还是处于一个初级阶段,但这并不代表它没有价值

  • 微信小程序与公众号的区别是什么?

    微信事业群在微信开发的过程中,孵化出微信小程序与微信公众号这两个方向,然后目前微信小程序开发

  • 已有APP的公司要不要开发对应的微信小程序

    虽然小程序是以应用平台作为开发点,拥有着基本的App功能,但是目前看来

  • 小程序的上线,到底带来了什么

    程序在还没面世前就已经众说纷纭,犹如百家争鸣势头,各方对小程序功能、小程序开发、小程序使用等各个方面都有着自己理解的说辞。

  • 微信小程序开发之新功能开放预告

    据某不知名群众报道,腾讯微信又开始内测一项新功能,虽然这样的消息流出套路已经不止一次,