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

相关推荐
利刃大大41 分钟前
【Vue】Vue2 和 Vue3 的区别
前端·javascript·vue.js
Lhuu(重开版1 小时前
JS:正则表达式和作用域
开发语言·javascript·正则表达式
yuguo.im3 小时前
我开源了一个 GrapesJS 插件
前端·javascript·开源·grapesjs
安且惜3 小时前
带弹窗的页面--以表格形式展示
前端·javascript·vue.js
摘星编程4 小时前
用React Native开发OpenHarmony应用:NFC读取标签数据
javascript·react native·react.js
AGMTI6 小时前
webSock动态注册消息回调函数功能实现
开发语言·前端·javascript
码界奇点6 小时前
基于SpringBoot+Vue的前后端分离外卖点单系统设计与实现
vue.js·spring boot·后端·spring·毕业设计·源代码管理
不吃香菜的猪6 小时前
使用@vue-office/pdf时,pdf展示不全
javascript·vue.js·pdf
wuhen_n6 小时前
TypeScript的对象类型:interface vs type
前端·javascript·typescript
css趣多多6 小时前
props,data函数,computed执行顺序
前端·javascript·vue.js