vue+element pagination分页的二次封装，带首页末页功能

el-pagination默认是不带首页和末页功能的如下：

需要修改成带首页和末页功能，可以利用

    <el-pagination
      @size-change="handleSizeChange"
      @current-change="handleCurrentChange"
      :current-page="currentPage4"
      :page-sizes="[100, 200, 300, 400]"
      :page-size="100"
      layout="total,solt, sizes, prev, pager, next,solt, jumper"
      :total="400">
        <span class="firstPage">首页</span>
        <span class="lastPage">首页</span>
    </el-pagination>

mounted(){
 this.getElementsByClassName("firstPage")[1].style.display = "none"
 this.getElementsByClassName("lastPage")[0].style.display = "none"
}

这样样式就调整好了，下面只要写事件就ok了，本来我是打算在css中拿到选中类名为firstPage的第二个元素和类名为lastPage的第一个元素，后来发现怎么选都选不中，如果有可以用css选中的可以评论一下，感谢。