# cocos2 场景跳转传参-CFANZ编程社区

cocos2 场景跳转传参

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

分析

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

方法一

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

方法二

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

实现

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

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

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];
    }
}

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

// 引用先
  import { SceneDataManager } from '../SceneDataManager/SceneDataManager';

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

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

// 先引入
  import { SceneDataManager } from '../SceneDataManager/SceneDataManager';

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

没了，就这些！

【版权声明】本博文著作权归作者所有，任何形式的转载都请联系作者获取授权并注明出处！
【重要说明】博文仅作为本人的学习记录，论点和观点仅代表个人而不代表技术的真理，目的是自我学习和有幸成为可以向他人分享的经验，因此有错误会虚心接受改正，但不代表此刻博文无误！
【Gitee地址】：https://gitee.com/wjw1014