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

相关推荐
忧郁的蛋~13 分钟前
.NET异步编程中内存泄漏的终极解决方案
开发语言·前端·javascript·.net
水月wwww23 分钟前
vue学习之组件与标签
前端·javascript·vue.js·学习·vue
顾安r37 分钟前
11.8 脚本网页 塔防游戏
服务器·前端·javascript·游戏·html
一 乐1 小时前
旅游|内蒙古景点旅游|基于Springboot+Vue的内蒙古景点旅游管理系统设计与实现(源码+数据库+文档)
开发语言·前端·数据库·vue.js·spring boot·后端·旅游
爱吃甜品的糯米团子2 小时前
JavaScript 正则表达式:选择、分组与引用深度解析
前端·javascript·正则表达式
星尘库2 小时前
抖音自动化-实现给特定用户发私信
前端·javascript·自动化
Jonathan Star2 小时前
Next.js、NestJS、Nuxt.js 是 **Node.js 生态中针对不同场景的框架**
开发语言·javascript·node.js
顾安r3 小时前
11.8 脚本网页 推箱子
linux·前端·javascript·flask
Jonathan Star3 小时前
Vue JSON结构编辑器组件设计与实现解析
vue.js·编辑器·json
Amewin4 小时前
在vue3+uniapp+vite中挂载全局属性方法
javascript·vue.js·uni-app