• 微信小程序 wx.navigateTo()传参及多个参数方法


    var workModeAndPriceList = res.data.data.workModeAndPriceList;
    //var result = JSON.stringify(workModeAndPriceList);
    //console.log(workModeAndPriceList);
    //console.log(result);
    wx.navigateTo({ url: '../workingMode/workingMode?workModeAndPriceList=' + JSON.stringify(workModeAndPriceList) });
    workModeAndPriceList 数据如下

    数据需求转义为字符串才能通过参数传递
    JSON.stringify转换后如下 【注意:转换步骤必须放在跳转链接里,如果事先定义变量转换,则会报错!】

    接收页面:
      data: {
        radioItems: [
          // {modeId:1, modeName: '加强洗', time:'30分钟',modeTime: 30, platformPrice:500},
          // {modeId:2, modeName: '标准洗', time: '30分钟', modeTime: 30, platformPrice: 400},
          // {modeId:3, modeName: '快速洗', time: '30分钟',modeTime: 30, platformPrice: 300},
          // {modeId:4, modeName: '单脱水', time: '30分钟',modeTime: 30, platformPrice: 100},
        ]
      },
    
      /**
       * 生命周期函数--监听页面加载
       */
      onLoad: function (options) {
        this.data.radioItems = JSON.parse(options.workModeAndPriceList); //注意,此赋值方法不是微信官方赋值方法,页面奖无法获取数据
        console.log(this.data.radioItems);
      },

     赋值方法不小心踩了个坑,正确方法如下

    this.setData({
          radioItems: JSON.parse(options.workModeAndPriceList)
        });

    多个参数传递时:

     var workModeAndPriceList = res.data.data.workModeAndPriceList;
     var result = JSON.stringify(workModeAndPriceList);
     var deviceId = res.data.data.deviceId
     // console.log(res.data.data);
     wx.navigateTo({ url: '../workingMode/workingMode?workModeAndPriceList=' + JSON.stringify(workModeAndPriceList) + '&deviceId=' + deviceId });
                    

    多个参数接收时

    onLoad: function (options) {
        this.setData({
          radioItems: JSON.parse(options.workModeAndPriceList),
          deviceId: options.deviceId
        });
        
      }
  • 相关阅读:
    linux命令总结之date命令
    linux命令总结之查找命令find、locate、whereis、which、type
    Centos下Vim编辑器基本配置
    linux命令总结之tr命令
    Linux运维四:文件属性及文件权限
    Linux三剑客之awk命令
    Linux各种重要配置文件详解
    linux命令总结之seq命令
    linux命令总结之ls命令
    Linux内存(手动释放cache)
  • 原文地址:https://www.cnblogs.com/zhixi/p/9650955.html
Copyright © 2020-2023  润新知