Replayer

const Replayer: DefineComponent<ExtractPropTypes<{
  initialTime: {
     default: undefined;
     type: NumberConstructor;
  };
  replay: {
     required: true;
     type: PropType<ReplayManager>;
  };
  sessionId: {
     required: true;
     type: StringConstructor;
  };
}>, () => VNode<RendererNode, RendererElement, {
[key: string]: any;
}>, {
}, {
}, {
}, ComponentOptionsMixin, ComponentOptionsMixin, {
  commit-restore: (event) => boolean;
  time-change: (timeMs) => boolean;
}, string, PublicProps, ToResolvedProps<ExtractPropTypes<{
  initialTime: {
     default: undefined;
     type: NumberConstructor;
  };
  replay: {
     required: true;
     type: PropType<ReplayManager>;
  };
  sessionId: {
     required: true;
     type: StringConstructor;
  };
}>, {
  commit-restore: (event) => boolean;
  time-change: (timeMs) => boolean;
}>, {
  initialTime: number;
}, {
}, {
}, {
}, string, ComponentProvideOptions, true, {
}, any>;

Defined in: rxdb-plugin-replay-vue/src/replayer.ts:36

会话回放组件：在根 div 上挂核心的 mountReplayer，props 变化走 update()，卸载前 destroy()。

Remarks

与 Angular ao-replayer、React Replayer 同一组输入 / 输出 / 命令（contracts/replayer-component.md §3），由 parity 用例保证。事件：time-change（回放时刻，ms）、commit-restore（ReplayerCommitRestoreEvent）。 rrweb 在核心视图里按需 import()，挂载这个组件之前不进包。

Example

<Replayer ref="replayer" :replay="rxdb.replay" :session-id="sessionId" @commit-restore="event => log(event.result)" />

Remarks​

Example​

Remarks

Example