el-pagination 下拉条目数最后一个样式改成全部

2024.08.27今天我学习了如何把el-pagination的下拉条目数修改,效果如下:

我们需要把最后一条选择换成全部展示,其实传给后端的还是总的数量,只是换了一个content,

通过f12查看元素可以拿到.el-select-dropdown__item 拿到last-child最后一条元素,然后改变content,但是这样写在css没有生效,后来我就直接改变document的元素写在mounted里面,

代码如下:

document.querySelector('.el-select-dropdown__item:last-child').textContent = '全部';

相关推荐
有意义2 分钟前
深入防抖与节流:从闭包原理到性能优化实战
前端·javascript·面试
2503_928411561 小时前
12.26 小程序问题和解决
前端·javascript·微信小程序·小程序
总之就是非常可爱1 小时前
vue3 KeepAlive 核心原理和渲染更新流程
前端·vue.js·面试
over6971 小时前
防抖与节流:前端性能优化的“双子星”,让你的网页丝滑如德芙!
前端·javascript·面试
red润1 小时前
手把手封装Iframe父子单向双向通讯功能
前端·javascript·vue.js
gustt1 小时前
JavaScript 闭包实战:手写防抖与节流函数,优化高频事件性能
前端·javascript·面试
止水编程 water_proof1 小时前
JQuery 基础
前端·javascript·jquery
Tzarevich1 小时前
React Hooks 全面深度解析:从useState到useEffect
前端·javascript·react.js
指尖跳动的光2 小时前
前端如何通过设置失效时间清除本地存储的数据?
前端·javascript
于慨2 小时前
dayjs处理时区问题、前端时区问题
开发语言·前端·javascript