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 = '全部';

相关推荐
柯克七七6 分钟前
给老项目加了 TypeScript,本来只想自己爽,结果全公司代码审查标准被我抬高了
前端·vue.js·typescript
张元清17 分钟前
React useObjectUrl Hook:预览文件与 Blob,不留内存泄漏(2026)
javascript·react.js
姑苏倾城客25 分钟前
Flutter中,html 与 dart 桥接沟通
javascript·flutter·html
小粉粉hhh1 小时前
Node.js(五)——编写接口
前端·javascript·node.js
大意的百合2 小时前
Electron 应用如何上架微软商店:从 MSIX 打包到商店提交
javascript·microsoft·electron
自然 醒2 小时前
前端如何实现在线预览office常见文件功能?
前端·vue.js
肉肉不吃 肉3 小时前
前端调试跨域如何解决
前端·vue.js
weedsfly3 小时前
单例模式在前端中的正确打开方式
前端·javascript·面试
卓怡学长3 小时前
w268基于springboot + vue 物流系统
java·数据库·vue.js·spring boot·spring·intellij-idea
头茬韭菜4 小时前
3.6 依赖注入 — 四个依赖的精准边界
开发语言·ai·ecmascript