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

相关推荐
北杳同学1 天前
前端一些用得上的有意思网站
前端·javascript·vue.js·学习
Dragon Wu1 天前
ReactNative Expo 使用总结(基础)
javascript·react native·react.js
真上帝的左手1 天前
24. 前端-js框架-Electron
前端·javascript·electron
夏小花花1 天前
<editor> 组件设置样式不生效问题
java·前端·vue.js·xss
北辰alk1 天前
Vue Router 组件内路由钩子全解析
前端·vue.js
克喵的水银蛇1 天前
Flutter 弹性布局实战:Row/Column/Flex 核心用法与优化技巧
前端·javascript·typescript
verse_armour1 天前
东南大学云课堂导出PPT
javascript
JIngJaneIL1 天前
基于Java二手交易管理系统(源码+数据库+文档)
java·开发语言·数据库·vue.js·spring boot
涔溪1 天前
深入了解 Node.js 性能诊断工具 Clinic.js 的底层工作原理
开发语言·javascript·node.js
Neptune11 天前
js防抖技术:从原理到实践,如何解决高频事件导致的性能难题
前端·javascript