# cocos2 场景跳转传参

cocos2 场景跳转传参

这是一个什么需求呢,就是我用cocos2.14.2开发了几个场景,其中一个首页,五六个场景,现在从首页点进去需要传递一个参数到其他场景里面进行判断用

分析

这个功能其实不是很难,但是对于没有用过或者写过的人来说确实没思路,现在就简单总结一下我的想法。

方法一

首先一个方法就是使用"常驻组件"。这样的话保证一个组件在系统里面常驻,切换到哪个场景也存在这个组件,可以把参数放到这个组件中保存,就是实现了传参,这个方法算是曲线救国吧,和我印象里面的传参不一样,我不喜欢,就没有用这个方法,当然是可以的哈!

方法二

我是用的是这种方法,就是通过单例模式,存储了一个全局的吧算是,全局的参数对象,跳转的时候把参数存起来,然后在另一个需要接收的场景里面去读取。关键就是在传的时候把数据push进去,需要的场景pull一下,有的话就是有传参,没有的话就是没有传参。

实现

实现的花很简单,首先创建一个全局文件:/SceneDataManager/SceneDataManager.ts

文件里面的内容也很简单:

typescript 复制代码
const { ccclass, property } = cc._decorator;

@ccclass('SceneDataManager')
export class SceneDataManager {
    private static instance: SceneDataManager;
    private params: { [key: string]: any } = {};

    private constructor() { }

    public static getInstance(): SceneDataManager {
        if (!SceneDataManager.instance) {
            SceneDataManager.instance = new SceneDataManager();
        }
        return SceneDataManager.instance;
    }

    // 存储参数
    public setParam(key: string, value: any): void {
        this.params[key] = value;
    }

    // 获取参数
    public getParam(key: string): any {
        return this.params[key];
    }

    // 清除参数
    public clearParam(key: string): void {
        delete this.params[key];
    }
}

使用的话也很简单,比如按照我的需求,在首页:

typescript 复制代码
  // 引用先
  import { SceneDataManager } from '../SceneDataManager/SceneDataManager';

  // 跳转场景传递参数
  chooseSceneFuncWithParams(params) {
    SceneDataManager.getInstance().setParam('sceneParams', { params: params});
    cc.director.loadScene("student");
  }

在接受参数的页面也很简单

typescript 复制代码
  // 先引入
  import { SceneDataManager } from '../SceneDataManager/SceneDataManager';

  // 页面加载回调
  start() {
    const sceneParams = SceneDataManager.getInstance().getParam('sceneParams'); // 获取传递的参数
    if (sceneParams) {
      SceneDataManager.getInstance().clearParam('sceneParams'); // 清空参数
      console.log("接收的参数---> ", sceneParams)
    }
  }

没了,就这些!

相关推荐
清山博客17 分钟前
OpenCV 人脸识别和比对工具
前端·webpack·node.js
要加油哦~19 分钟前
AI | 实践教程 - ScreenCoder | 多agents前端代码生成
前端·javascript·人工智能
程序员Sunday22 分钟前
说点不一样的。GPT-5.3 与 Claude Opus 4.6 同时炸场,前端变天了?
前端·gpt·状态模式
yq19820430115628 分钟前
静思书屋:基于Java Web技术栈构建高性能图书信息平台实践
java·开发语言·前端
aPurpleBerry31 分钟前
monorepo (Monolithic Repository) pnpm rush
前端
青茶36037 分钟前
php怎么实现订单接口状态轮询请求
前端·javascript·php
鹏北海1 小时前
micro-app 微前端项目部署指南
前端·nginx·微服务
发现一只大呆瓜1 小时前
虚拟列表:从定高到动态高度的 Vue 3 & React 满分实现
前端·vue.js·react.js
css趣多多1 小时前
add组件增删改的表单处理
java·服务器·前端
证榜样呀1 小时前
2026 大专计算机专业必考证书推荐什么
大数据·前端