基于WebRTC开发的EasyRTC-SFU,如何实现分页change回调功能?

2021-03-29 17:33:33 浏览数 (1)

去年和今年的疫情让大家都居家隔离,线上办公在去年开始逐渐成为了一种新型办公方式,通过使用实时音视频产品,便于企业员工的异地互动与工作沟通,减少不必要的商务差旅,有效节省企业运营成本。在这样的环境促使下,TSINGSEE青犀视频开发了EasyRTC线上视频会议系统。

实际上,EasyRTC视频会议系统作为一套新型线上视频会议软件,虽然大部分已经完善,但我们仍在对一些细节进行优化,同时也在对一些问题进行处理。比如在EasyRTC-SFU的会议室列表页测试分页功能时,发现改变当前页服务会更改页面数据。

在分页组件中,我们主要监听的是current-Page 当前页这个数据,当更改当前页时,次监听触发,重新发起获取数据接口。

随后我们仔细检查页面打印数据发现,手动点击改变当前页时,current-Page数据并不会自动更改。需要更改监听切换分页的方法回调即@current-change ,然后手动将回调赋值给current-Page,发现能解决问题。

参考代码如下:

代码语言:javascript复制
      <el-pagination
        :current-page="currentPage"
        @current-change="currentChange"
        :page-size="pageSize"
        layout="total, prev, pager, next, jumper"
        :total="total"
      >
      </el-pagination>
 
    // 切换分页
    currentChange(e) {
      this.currentPage=e
      this.getUserList();
    },

 EasyRTC目前开发了SFU版本和MCU版本,在不同的会议情况下发挥了不同作用。目前,EasyRTC可以运用到多个项目当中,包括在线教育、企业办公、在线医疗等。如果大家对我们开发的产品比较感兴趣,欢迎访问TSINGSEE青犀视频官方网站,或者直接联系我们了解。

0 人点赞