zoukankan      html  css  js  c++  java
  • 微信小程序 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
        });
        
      }
  • 相关阅读:
    代码301的弊端和处理方法
    seo如何发外链
    seo工程师是什么,需要什么技能?
    优化一个关键词到百度首页需要多少钱
    搜索引擎优化顾问机构好不好
    谷歌分析(GA)新版的有哪些改变
    什么是相关性链接/网站相关性
    JS的部分部分疑问和小结
    Groovy学习:第一章 用Groovy简化Java代码
    SpringMVC学习(8):国际化
  • 原文地址:https://www.cnblogs.com/zhixi/p/9650955.html
Copyright © 2011-2022 走看看