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

相关推荐
OpenTiny社区15 小时前
多端开发头疼?TinyVue 3.30 一招搞定,AI还帮你写代码!
前端·vue.js·github
菠萝地亚狂想曲16 小时前
Zephyr_01, environment
android·java·javascript
蜡台16 小时前
vue params传参刷新网页数据丢失解决方法
前端·javascript·vue.js
青柠代码录17 小时前
【Vite】vite.config.ts 配置详解(Vite 8)
vue.js
Ruihong18 小时前
你的 Vue 3 useAttrs(),VuReact 会编译成什么样的 React?
vue.js·react.js·面试
时寒的笔记18 小时前
js逆向_webpack讲解加载器&酷某音乐案例
开发语言·javascript·webpack
yusirxiaer18 小时前
为什么 markRaw 能修复 Vue 3 + ECharts 的 resize 报错
javascript·vue.js·echarts
赛博切图仔18 小时前
前端性能内卷终点?Signals 正在重塑我们的开发习惯
前端·javascript·vue.js
Highcharts.js19 小时前
抉择之巅:从2029年回望2026年——企业可视化“战略分水岭”?
前端·javascript·信息可视化·编辑器·echarts·highcharts
米丘19 小时前
Vite 开发服务器启动时,如何将 client 注入 HTML?
javascript·node.js·vite