微信小程序wx.navigateTo带json数据跳转页面

最新推荐文章于 2025-06-11 08:48:42 发布

eachanm

最新推荐文章于 2025-06-11 08:48:42 发布

阅读量1.4k

点赞数 2

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/eachanm/article/details/99702430

本文详细介绍了如何在微信小程序中实现弹幕功能,通过设置参数如字体宽度、方向、大小、速度、背景颜色等,利用JSON字符串传递并在新页面接收和解析这些数据,实现了动态弹幕效果。

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

如原页面数据
var params = {
      content: content,
      fontWidth: that.data.width,
      direction: that.data.direction,
      fontSize: that.data.fontSize,
      speed: that.data.speed,
      bgColor: that.data.bgcolor,
      color: that.data.color
    }

let arr=JSON.stringify(params);
    wx.navigateTo({
      url: 'show_danmu?tempArr='+arr,
    })

新页面接收数据

onLoad: function (options) {
    let arr=JSON.parse(options.tempArr);
    console.log(arr);
}