您当前的位置:网站首页>小程序>小程序怎样在页面传递对象数组? 学小程序就上ki4.cc (>^ω^<),小程序,对象数组

小程序怎样在页面传递对象数组? 学小程序就上ki4.cc (>^ω^<),小程序,对象数组

2020年06月12日 投稿作者: 围观人数:26

微信小程序图片无法显示怎么办? 学小程序就上ki4.cc (>^ω^<)

解决微信小程序图片无法显示的办法:首先给标签元素设置背景图片;然后通过image标签查验一下图片的路径;接着当本地资源无法通过 WXSS 获取时,就使用【background-image】方法;最后删除wxss中的背景并通过测试即可。

小程序怎样在页面传递对象数组?

小程序在页面传递对象数组的方法:

传递对象

小程序不能跳转链接怎么办? 学小程序就上ki4.cc (>^ω^<)

解决小程序不能跳转链接的方法:首先在src里写上要跳转的地址;然后新建项目并配置【app.json】;接着配置业务域名并上传验证文件;最后完成回调即可,代码为【wx.navigateTo(url:'../out/out')】。

// 通过JSON.stringify(obj) 方法将对象转化为字符串进行传递// 跳至结算页/**
   * 向下一级页面传递对象参数
   */
    buyAction: function(e) {
      var model = JSON.stringify(e.currentTarget.dataset.obj);
      wx.navigateTo({
        url: '../detail/detail?model=' + model,
      })
  }在下个页面接收//在下个页面的onload中获取,
  onLoad: function (options) {
    var model = options.obj;
    console.log(options.obj)
    this.setData({
        model:model    })
  },

传递数组

/**
   * 向下一级页面传递对象参数
   */
    buyAction: function(e) {
      var model = JSON.stringify(selected_list);
      wx.navigateTo({
        url: '../detail/detail?model=' + model,
      })
  }在下个页面接收/**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    // 先将字符串转化为数组
    var list = JSON.parse(options.selected_list)
    console.log(list)
  },

总结,向下一级页面传递对象或者数组的方式是相同的;
先将要传递的参数通过JSON.stringify(obj)方法转化为字符串,再在下级页面onLoad()的options中,将传递的参数再转化为对象或者数组,就可以正常使用了。

推荐教程:《小程序》

以上就是小程序怎样在页面传递对象数组?的详细内容,更多请关注ki4导航其它相关文章!

小程序跨页面交互的作用和方法 学小程序就上ki4.cc (>^ω^<)

小程序跨页面交互的作用和方法

标签

版权说明
免责声明:本文文章内容由ki4导航网发布,但不代表本站的观点和立场,具体内容可自行甄别.