其他分享
首页 > 其他分享> > 网页实时音视频通话系统线上视频会议系统EasyRTC-SFU的分页change回调功能说明

网页实时音视频通话系统线上视频会议系统EasyRTC-SFU的分页change回调功能说明

作者:互联网

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

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

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

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

参考代码如下:

      <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青犀视频官方网站,或者直接联系我们了解。

标签:分页,当前页,SFU,EasyRTC,音视频,current,视频会议
来源: https://www.cnblogs.com/TSINGSEE/p/14282772.html