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

相关推荐
小凯在掘金19 分钟前
类型判断什么时候用 typeof?
javascript
幸运小圣27 分钟前
JavaScript 关键字与保留字学习笔记详细讲解,一篇get ✅【JavaScript查缺补漏】
javascript·笔记·学习
独立开发之道2 小时前
Three.js 创建 VR 内容:四步把一个普通 3D 场景送进头显
javascript·3d·vr
Coodor3 小时前
在前端如何转换IC卡卡号格式
前端·javascript·nfc·卡号格式
百慕大三角3 小时前
给 SPA 加页面切换动画:View Transitions API 从入门到实战
前端·javascript
Hilaku3 小时前
Bun 真的能取代 Node.js 吗?
前端·javascript·程序员
木公子4 小时前
Vue3源码精读04:Scheduler 调度器深度解析|异步批量更新与任务队列源码全解
前端·vue.js
开开心心就好4 小时前
手机悬屏翻译工具外语游戏漫画APP全覆盖
android·前端·javascript·python·游戏·pdf·html
光影少年5 小时前
react navite封装一个RN 通用按钮组件
前端·javascript·react native·react.js·前端框架
独立开发之道5 小时前
【three.js教程】Three.js 矩阵变换:position/quaternion/scale 和 matrix 到底怎么配合
开发语言·javascript·矩阵