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

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(黄先生)
在线留言:
微信扫码,关注我们
相关文章
  • 微信小程序开发——企业品牌宣传推动力

    企业拥有自己的品牌,随之而来的工作就是进行宣传推广,而企业品牌策划实施的要点,主要就分为三个部分:方式创新、体验满意跟促进分享。这每一个方面都是树立品牌形象、提升品牌知名度的必要过程,依靠微信小程序开发区推动企业品牌宣传也必须如此。

  • 开发微信小程序商城系统,形成O2O场景互动格局

    在微信小程序开发技术的支持上,衍生出一种叫微信小程序商城系统的产品

  • 微信小程序官方开发工具的优缺点有哪些

    技术人员在开发微信小程序时,可供选择的开发工具一般有微信官方开发工具、即速应用、WebStorm以及Sublime Text 3这几种。今天,小编暂且抛开其他非官方的开发工具特点,用这篇软文来说说官方开发工具的优点与缺点所在。

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

    一个微信小程序开发项目,在整个开发流程中,必要用到的就是参数取值,一般来说,常见的参数取值有列表index下标取值与form表单取值

  • 专属定制开发微信小程序,促进企业移动营销建设

    目前,网络营销已经成为企业营销的主要模式,而随着智能手机的发展与广泛使用,移动化营销更是成为网络营销的重中之重。在微信这个社交平台上,随之出现的微信公众号、微信小程序等营销产品。

  • 微信小程序放出新功能,传送门开启更便捷

    为了让微信小程序在使用上能够更加便捷,微信官方又开放了两个新功能,作为便捷的“传送门”来让小程序本身引流、为公众号引流的效果更进一步