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

相关推荐
云水一下8 小时前
TypeScript 从零基础到精通(五):高级类型与泛型
前端·javascript·typescript
云水一下9 小时前
TypeScript 从零基础到精通(六):类型声明与模块化
javascript·typescript
研☆香9 小时前
es6新特性功能介绍(四)
前端·ecmascript·es6
无聊的老谢10 小时前
Vue 3 + TypeScript 构建大型电信运维平台的前端架构设计
前端·vue.js·typescript
xiaofeichaichai10 小时前
Map / Set / WeakMap / WeakSet
前端·javascript
有梦想的程序星空12 小时前
【环境配置】Vue3项目离线化本地部署echarts全攻略
前端·javascript·vue·echarts
薛先生_09912 小时前
vue-路由重定向
前端·javascript·vue.js
橘子星13 小时前
基于 ES6 语法的 NLP 任务模块化开发实践
前端·javascript
月光刺眼13 小时前
JS 底层执行机制探讨:执行上下文、变量提升与调用栈
前端·javascript
ZC跨境爬虫13 小时前
跟着 MDN 学 JavaScript day_1:什么是 JavaScript?
开发语言·前端·javascript·ecmascript