记一次微信小程序的页面传值问题

坼凌

于 2020-04-12 17:42:10 发布

阅读量184

点赞数

分类专栏：微信开发文章标签：小程序 javascript

本文链接：https://blog.youkuaiyun.com/ywz2198/article/details/105472351

版权

微信开发专栏收录该内容

1 篇文章

订阅专栏

在制作微信小程序的简易知识库查询demo时，遇到了页面间传值的问题。开始尝试使用navigateTo进行传递，但发现数据被错误地转换为字符串。最终通过在app.js中设置全局变量app.globalData来成功实现页面间的值传递，解决了问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

做一个简易的知识库查询demo，在一个页面显示分类，另一个页面查询数据库中有文章的列表，最后一个页面显示内容。

主页面采用这位的https://blog.youkuaiyun.com/haishangfeie/article/details/81040211

没有后端就直接用的云开发

从数据库选取多条数据并转移到下个列表中，一开始使用的navigateTo来进行页面传值

selThis(e){
    books.where({
      'class':e.detail.title
    }).get({
      success:function(res){
        wx.navigateTo({
          url: '../list/list?data='+ res.data
        })
      }
    })
  },

第二个页面使用

options.data

结果本来一个数列对象给我拆成字符串传过去了（可能是写错了或者没理解navigateTo)

 <block wx:for="{{booklist}}" wx:key="index">
    <text bindtap='jump' id='{{item}}' class='text-content'>{{item}}</text>
  </block>

使用遍历输出时，将所有字符全部遍历了一遍，
类似这样
最后决定还是用某位老哥极力反对的全局变量，一次成功
在app.js中添加

globalData: {
    userInfo: null,
    list:[],
    title:null,
    content:null
  }

需要用到的页面，const app =getApp()
然后使用app.globalData.content操作变量(content为变量名）