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

相关推荐
最后一只小白10 小时前
封装form表单
前端·javascript·vue.js
喜欢吃鱿鱼10 小时前
vue 数字转千分位js
前端·javascript·vue.js
吴声子夜歌10 小时前
Vue3——组件进阶
前端·javascript·vue.js
Fighting_p10 小时前
【FileShowCom 组件】文件预览:图片预览 el-image,其余文件预览打开新窗口或者下载
开发语言·前端·javascript
Ting.~10 小时前
从 0 到 1 搭建 Vue 项目
vue.js·前端框架
朝阳3910 小时前
react 实战【svg 图片】插件 vite-plugin-svgr 的使用
前端·javascript·react.js
csdn_aspnet10 小时前
HTML头部元信息避坑指南,深度解析charset、lang、meta标签常见误用与SEO/可访问性影响
javascript·meta·html·seo·title
java1234_小锋10 小时前
FastAPI + Vue 3 前后端分离:项目设计与工程实践(偏“能落地”的最佳实践)
前端·vue.js·fastapi
\xin15 小时前
pikachu自编exp,xss反射性get,post,存储型xss,dom,dom-x
前端·javascript·xss
宁雨桥1 天前
深入理解 async/await的原理
前端·javascript·es8