vue + element ui 将分页固定在屏幕底端，其余位置可滚动条滑动

要将分页固定在屏幕底端，可以使用CSS的flex布局和position属性来实现。具体步骤如下：

1. 给页面内容的容器设置flex布局，并将flex-direction设置为column，使其垂直方向排列。

2. 将分页组件的容器设置为position:fixed，并将其bottom属性设置为0，使其固定在屏幕底部。

3. 给页面内容的容器设置overflow:auto，使其在内容超出容器高度时出现滚动条。

下面是示例代码：

<template>
  <div class="page-container">
    <div class="content-container">
      <!-- 页面内容 -->
    </div>
    <<div class="pagination-container">
      <!-- 分页组件 -->
    </div>
  </div>
</template>

<style>
.page-container {
  display: flex;
  flex-direction: column;
  height: 100vh; /* 设置容器高度为屏幕高度 */
}

.content-container {
  flex: 1; /* 设置内容容器占据剩余空间 */
  overflow: auto; /* 设置内容容器出现滚动条 */
}

.pagination-container {
  position: fixed;
  bottom: 0;
}
</style>

注意：以上代码只是一个示例，具体实现要根据实际情况进行调整。