2018-04-12微信小程序开发(淘忆乐)

2018-05-07  本文已影响0人  陈小井_

一:跳转传参

1.页面导航跳转传参

(1)在wxml文件中通过data-index="{{item}}"绑定要传入下一个页面的参数,通过传入参数e将参数引入js文件

let str = JSON.stringify(e.currentTarget.dataset.index);

    wx.navigateTo({

      url: "../shopCar/shopCar?jsonStr=" + str,

    })

(2)通过 url: "../me/zheZhao/zheZhao?jsonStr=" + JSON.stringify(str) + '&index='+ index

(3)url: "../../pages/index/discount/discount?index=4",

在onload函数中获取传入参数并转换为可以数据格式

2.返回上一级页面并传参

同理,在wxml文件中使用data-  属性获取需传入数据,并直接通过setData在当前页面将数据存入上级页面的data中。通过调用上一层页面栈堆,将数据直接存入栈中

var that = this

    wx.navigateBack({

      delta: 1

    })

    var pages = getCurrentPages();

    var currPage = pages[pages.length - 1]; // 当前页面

    var prevPage = pages[pages.length - 2]; // 上一级页面

    // 直接调用上一级页面Page对象,存储数据到上一级页面中

    var str = that.data.condition;

    prevPage.setData({

      'addItemContent': str,

    });

在上级页面中定义addItemContent变量,在当前页面直接使用setData方法存入

二:转发功能

1.在 onShareAppMessage函数中开启转发功能,在首页加入如下代码

 onShareAppMessage: function (res) {

    let users = wx.getStorageSync('user');

    let openid = app.globalData.userId

    if (res.from === 'button') {

    }

    return {

      title: '陶亿乐',

      path: '/pages/me/me?item=' + users.id,

      success: function (res) {

      }

    }

  },

在首页开启转发邀请功能之后,需要在登录注册页面判断是否有上级邀请人

var zhuceuid = res.data.data

              if(oid){

                console.log('有邀请人')

                wx.request({

                  url: app.globalData.api + 'index/distributionRegiest',

                  data: {

                    uid: zhuceuid,

                    oid: oid

                  },

                  method: "POST",

                  header: { "Content-Type": "application/x-www-form-urlencoded" },

                  success: function (res) {

                    console.log(res)

                  }

                })

              }else{

                console.log('无邀请人')

              }

2.分享商品:使用button按钮进行转发,需要设置open-type设置为share,才可以开启转发功能

分享商品

因为是对商品进行分享并非分享小程序,所以此时传入路径为分享商品的详情页路径,该转发原理是通过页面传参,将此页面商品信息,也就是要分享的商品信息通过页面传参的时候传入要打开的页面中也就是传递的地址路径中

onShareAppMessage: function (res) {

    if (res.from === 'button') {

    }

    return {

      title: '陶亿乐',

      path: '/pages/shopCar/shopCar?jsonStr=' + this.data.zhuangfa,

      success: function (res) {

        console.log(res)

      }

    }

  }

三:form表单提交与三级联动

1.通过picker实现三级联动,当点击表单中 formType 为 submit 的  组件时,会将表单组件中的 value 值进行提交,需要在表单组件中加上 name 来作为 key。

form表单与三级联动 对表单事件进行处理
上一篇下一篇

猜你喜欢

热点阅读