ElementUI分页 原始效果
更改后效果(同样的方式可修改样式和其他内容)
<template>
<div class="block">
<span class="demonstration">完整功能</span>
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage4"
:page-sizes="[100, 200, 300, 400]"
:page-size="100"
layout="total, sizes, prev, pager, next, jumper"
:total="400">
</el-pagination>
</div>
</template>
<script>
export default {
mounted(){
let goDom = document.querySelector('.el-pagination__jump')
goDom.innerHTML = goDom.innerHTML.replace('前往', '跳转')
},
methods: {
handleSizeChange(val) {
},
handleCurrentChange(val) {
}
},
data() {
return {
currentPage4: 4
};
}
}
</script>