请问如何将element-ui中的Pagination 分页的下标按钮设置路由跳转方法,从而跳到其他子组件?

问题遇到的现象和发生背景

有三个子组件分别在同一个页面展示,要让Pagination 分页的下标(1,2,3)设置路由跳转方法到对应组件

img

问题相关代码

路由跳转方法的代码:

例如跳转到1组件:
changeToOne() {
      this.$router.push("/one");//""中是设置好的路径
    },


<el-pagination
      @current-change="handleCurrentChange"
      :page-size="1"
      layout="prev, pager, next"
      :total="3">
    </el-pagination>
methods: {
      handleCurrentChange (e) {
        console.log(e)
      }
    }