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

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(黄先生)
在线留言:
微信扫码,关注我们
相关文章
  • 广州微信小程序关键词设置如何进行开发优化

    微信小程序的关键词设置跟搜索排名与曝光度有着很大的关系,但其实一蹴而就的关键词设置是比较难的一件事,很多企业商家在设置好关键词之后,达不到预想的效果,就需要对关键词进行优化与调整。那企业商家要如何对关键词进行优化呢?其实方法

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

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

  • 微信小程序商城开发报价问题

    定制开发微信小程序商城,就会面对报价的问题,怎样的报价才是准确的、符合市场现状的?这是想要开发小程序商城的商家需要去了解的问题。站在外包开发公司的立场,小编跟大家说说一些与开发报价相关的东西。

  • 开发微信小程序对哪些行业影响比较大?

    虽然小程序从内测到上线后都没有来势汹汹的气势,但还是止不住小程序的各种优点的传播发散以及对一些

  • 开发微信点餐小程序,服务管理更便捷,经营成本有效降低

    微信小程序作为一个工具型的产品被开发与推广,有多种可以作为工具使用的场景可以选择,餐饮行业的点餐工具就是常见的

  • 微信小程序开发教程之index 页面解析

    微信小程序的每一个页面都包含三个文件,分别是.js(处理逻辑),.wxml(描述页面内容),.wxss(配置页面样式),index 页面同样