el-pagination输入跳转页数大于总页数时鼠标悬浮出现中文提示怎么隐藏

已于 2023-01-13 16:16:14 修改
阅读量455 收藏 1
点赞数 1
文章标签： elementui 前端 javascript Powered by 金山文档
于 2023-01-13 16:15:23 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44830441/article/details/128675546
版权

问题描述：朋友的一个问题，在进行国际化时，英文模式下el-pagination输入跳转的页数大于总页数时不回车鼠标悬浮到输入的数字上会出现提醒如下图

但是英文状态下根本不需要中文提示，于是决定去除提示

解决过程：

1.查看官网：element分页组件官网也没找到能去除的属性，查看元素时输入框，找不到悬浮时的样式

2.朋友建议：朋友想到获取这个输入框元素 然后对输入的数字进行限制，不给输入大于总页数的数字就不会出现悬浮的提醒文字，可是不好控制 因为组件在element中

3.查看源码：我查看了下分页源码

发现里面时number类型的输入框，进行了最大和最小数字限制，我用原生组件进行测试如下

发现超过限制的最大值就会出现这个提示，发现这个提示是原生输入框在浏览器自带的一种提示，就想原生输入框怎么去除提醒，查阅发现在组件上添加title=""就可以去除提示

于是在源码上添加之后也能去除，又想怎么在分页组件上添加呢，会不会生效呢，一试发现 哎，可以，搞定

搞半天加个这个就行

月之皎洁
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Element-UI踩坑之Pagination组件的使用
12-10
先说结论：在改变pageSize时，若当前的currentPage超过了最大有效值，就会修改为最大有效值。 一般Pagination组件的声明如下： <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :page-size="pageSize" :current-page="currentPage" :total="total" :page-sizes="[10, 20, 50, 100, 200, 300, 400]" layout="total, sizes
element-plus中自定义el-pagination中的文字
weixin_42520034的博客
01-19 4159
element-plus修改分页器的文字内容
IE中elementUI 分页控价-输入页码的input回车跳转的问题
仗剑走天涯的博客
06-30 909
问题描述 在使用Element-UI的过程中发现其分页组件存在一个BUG，其‘前往【】页'中的input的回车时间存在失效不响应事件的问题 第一次事可以的，第二次之后的操作，没有任何的反应； image.png 针对在这个问题研究了下，element本身的组件在IE中的标线是正常的，在我们使用的时候却发现了问题，定位发现没有走到对应的事件中 方案： 结合jquery使用原生的键盘监听事件来控制，只是针对页面的跳转加一层判断； 具体实施 如下： 引用element代码：
pagination分页、页码组件（基于element ui组件库）
时光之痕
05-05 1736
基于element ui组件库的pagination分页、页码组件
element-ui 分页组件 动态设置默认页码
10-16 3096
1、在分页组件中加入ref以控制节点 <el-pagination background layout="prev, pager, next" :page-size="10" :current-page="screenList.pageNo" @current-change="handleCurrentChange" :total="total" ref="pagination"> </el-pagination> 2、
elementUI Pagination 分页指定最大页（page-count）
xuelong的博客
10-24 1782
项目中遇到数据量大，查询的字段多，但用户主要使用的是最近的一些数据，1万条以后的数据一般不使用。用户查询时，页码越大，接口需要的时间越久，对用户与服务器都不友好。 为解决该问题，前端分页最多100页（当然也可以自己设置），每页最多100条，这样就可以解决这个问题。
element pagination不显示第二页发问题， pagesize小于10不显示第二页
weixin_46700289的博客
11-10 1057
element pagination 不显示第二页
使用element-ui的Pagination 分页的注意事项
CarryNo1的博客
05-28 2295
使用element-ui的Pagination 分页的注意事项 当在一个小弹窗中使用分页功能时，因为弹窗宽度较小，分页长度一度超出弹窗需要调整分页长度。 <el-pagination :page-size="20" :pager-count="11" layout="prev, pager, next" :total="1000"> </el-pagination> 发现element中自带可以折叠页码按钮的数量，随意给了一个值（是个偶数）后发现报错了，自习翻看文档
vue：15 el-pagination 分页
洪君的博客
05-28 1662
分页page组件 组件： 设置layout，表示需要显示的内容，用逗号分隔，布局元素会依次显示。prev表示上一页，next为下一页，pager表示页码列表，除此以外还提供了jumper和total，size和特殊的布局符号->，->后的元素会靠右显示，jumper表示跳页元素，total表示显示页码总数，size用于设置每页显示的页码数量。 <div ...
el-search-table-pagination::dog_face:将Element UI的Form，Table和Pagination组件组合在一起
05-02
原料药API |中文API 快速开始导入模块并在main.js设置设置： import Vue from 'vue'import ElSearchTablePagination from 'el-search-table-pagination'// Default use axios as HTTP toolVue . use ( ...
vue-sliding-pagination:一个滑动分页vue组件
08-04
分页组件的基本用法只需要当前页面、页面总数和在页面更改时调用的处理程序。 分页组件本身不处理页面更改，相反，您需要提供一个页面更改处理程序，该处理程序应包含所有页面更改逻辑（例如 vuex 商店调度），并...
vuex-pagination:轻松使用VueVuex应用中的分页资源
05-17
vuex-pagination资源直接映射到API中的相应资源。 资源本身“驻留”在Vuex存储中，并管理已获取的数据。 要初始化新资源，您必须提供fetchPage函数。 该函数接收一些参数，例如当前页面和页面大小，并从API获取...
django-endless-pagination:该项目已弃用
03-08
感谢长期以来支持django-endless-pagination的社区。 我没有时间正确维护和开发此应用程序。 从现在开始，请使用像这样的强大分支之一Django Endless Pagination可用于提供Twitter样式或Digg样式的分页，并具有可选...
vue-pagination-2:Vue.js 2分页组件
05-02
import Pagination from 'vue-pagination-2'; 脚本标签 在dist/vue-pagination-2.min.js下获取缩小版本。 它将导出全局Pagination变量。 用法 在全局或本地注册组件： Vue . component ( 'pagination' , ...
el-pagination自定义每页条数
qq_44185357的博客
09-04 794
思路：把选择每页条数的选择框换成可以输入和选择的选择框，将重新绘制的选择框和分页组件的功能结合起来，加上样式使它们好看就行了。
vue el-pagination的每页几条改为手动输入
最新发布
weixin_42234899的博客
10-27 246
vue el-pagination的每页几条改为手动输入
el-pagination分页自定义前往第几页样式(下拉框形式)
伟大光荣正确的博客
03-17 3964
el_pagination分页修改默认样式
vue中实现文字超出横向滚动
xj2wjtx的博客
12-15 4419
vue中实现文字超出横向滚动 marquee组件 <template> <div class="marquee-wrap" ref="marquee-wrap"> <div class="scroll" ref="scroll"> <p class="marquee">{{text}}</p> <p class="copy" ref="copy"></p> </div>
element .el-pagination移动端样式
05-26
3. 隐藏总页数和当前页数中间的分隔符，以减少视觉干扰： ```css .el-pagination__total + .el-pagination__sizes { display: none; } ``` 4. 调整分页组件的位置和宽度，以适应不同的屏幕大小： ```css @media ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值