[JavaScript知识库] 微信小程序页面传参

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> JavaScript知识库 -> 微信小程序页面传参 -> 正文阅读

[JavaScript知识库]微信小程序页面传参

1：页面跳转时传递字符串参数

 wx.navigateTo({
            url: '/my/nickname/nickname?nick= '+this.data.nickname,
        })

在接收的js文件中获取数据

 onLoad: function (options) {
        console.log("ss=>"+options.nick); 
        this.setData({
             nickname :options.nick
        })
    },

2：页面跳转时传递对象

  var queryBean = JSON.stringify(e.currentTarget.dataset.item)
  console.log(queryBean);
  wx.navigateTo({
    url: '/my/authorization/authorization?queryBean='+queryBean,
  })

先通过JSON.stringify转成字符串，在接收的js文件中获取

onLoad: function (options) {
        var queryBean = JSON.parse(options.queryBean)
        this.setData({
            item: queryBean
        })
        console.log(this.data.item);
 
    },