elementplus修改分页文本

要修改elementplus分页组件的文本，需要使用其提供的change事件。在组件实例中监听change事件，通过参数获取当前页码和每页显示数，然后使用vue中的$refs属性获取到分页组件的el-pagination实例，再通过该实例的$el属性获取分页文本所在的dom节点，最后修改其innerHTML即可。

具体步骤如下：

1. 在模板中使用elementplus分页组件，并设置ref属性为pagination：

<template>
  <el-pagination
    ref="pagination"
    ...
    @change="handleChange"
  />
</template>

2. 在组件中定义handleChange方法：

<script>
export default {
  methods: {
    handleChange(page, pageSize) {
      const paginationEl = this.$refs.pagination.$el.querySelector('.el-pagination__total')
      paginationEl.innerHTML = `当前第${page}页，每页${pageSize}条`
    }
  }
}
</script>

3. 在handleChange方法中，首先使用$refs属性获取到分页组件的实例，然后使用该实例的$el属性获取到分页文本所在的dom节点。为了方便修改文本，这里使用了css类名选择器获取到dom节点。在修改完文本后，通过innerHTML属性将新的文本赋值给该节点即可。

需要注意的是，这种方法修改的文本只会在触发change事件时才会更新。如果需要在代码中动态修改文本，需要先更新分页组件的currentPage和pageSize属性，再手动触发change事件。