修改antd Pagination分页翻译的默认文案跳至

最新推荐文章于 2024-04-24 22:52:08 发布

zPeng-

最新推荐文章于 2024-04-24 22:52:08 发布

阅读量661

点赞数

文章标签：前端 javascript css

本文链接：https://blog.csdn.net/weixin_43319667/article/details/126251258

版权

用antd 官网上的翻译，会默认出现这样的文案，需要需改成项目上所需的

没有合适的api去修改这里~~

可以使用原生js去修改

  //修改分页文案
  useEffect(() => {
    //1.需要再页面渲染完之后再去修改，所以再dataSource.length > 0 之后
    //2.如果小于10条，或者不到一页的情况下，这个是默认不展示跳转到多少页的，这样找不到类名就会报错，所以加上了document.getElementsByClassName("ant-pagination-options-quick-jumper")[0]的判断。，有则修改，否则反之
    if (dataSource.length > 0 && document.getElementsByClassName("ant-pagination-options-quick-jumper")[0]) {
      document.getElementsByClassName("ant-pagination-options-quick-jumper")[0].childNodes[0].nodeValue = "前往";
    }
  }, [dataSource])

判断条件根据自己需求实际情况来定~~~~

修改后示意图：