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

相关推荐
阿巴阿巴Ovo2 分钟前
类似mac dock的tab切换组件
前端·vue.js
营赢盈英23 分钟前
How to see if openAI (node js) createModeration response “flagged“ is true
javascript·ai·node.js·openai·api
J不A秃V头A32 分钟前
el-table:根据 scope.row.type 的值来显示不同的类型
javascript·vue.js·elementui
J不A秃V头A38 分钟前
ElementPlus表单验证报错 formEl.validate is not a function
javascript·vue.js·elementui
javachen__40 分钟前
vue el-dialog嵌套解决无法点击问题
vue.js·elementui
茶卡盐佑星_1 小时前
es6中set和map的区别
前端·ecmascript·es6
积跬步DEV2 小时前
Claude Prompt 汉语新解
开发语言·前端·javascript
GHUIJS2 小时前
【Echarts】使用多横坐标轴展示近十五天天气预报
javascript·echarts
计算机学姐2 小时前
基于python+django+vue的社区爱心养老管理系统
开发语言·vue.js·后端·python·mysql·django·web3.py
正小安2 小时前
使用Nignx打包前端项目
前端·vue.js·nginx·阿里云