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

相关推荐
Penge6662 小时前
《Go 后端开发者学 React:组件通信与插槽》
javascript
Penge6663 小时前
《Go 后端开发者学 React:useState》
javascript
Penge6664 小时前
《Go 后端开发者学 React:数据渲染》
javascript
ikoala7 小时前
AI 写页面像说明书,修 Bug 像贴膏药?把这两句话写进 AGENTS.md
前端·javascript·ai编程
Penge6667 小时前
《Go 后端开发者学 TypeScript:ES Module了解》
javascript
Penge6667 小时前
《Go 后端开发者学 TypeScript:从零搭建与运行》
javascript
Penge6668 小时前
《Go 后端开发者学 TypeScript:keyof关键字》
javascript
Penge6668 小时前
《Go 后端开发者学 TypeScript:extends关键字》
javascript
张张123y8 小时前
DSH 插件调试避坑:client.js 设置面板、热重载与高频报错排查表
开发语言·javascript·人工智能·开源·ecmascript·后端开发·ai agent
FRing0312 小时前
vue2干货总结7(自定义指令、插槽、单页应用程序、路由的使用(VueRouter))
开发语言·前端·vue.js·vue2