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

小程序弹幕实现解析

最新推荐文章于 2025-04-11 11:01:51 发布

原创最新推荐文章于 2025-04-11 11:01:51 发布 · 1.4k 阅读

5 ·

CC 4.0 BY-SA版权

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

如原页面数据
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);
}